Angularjs教程

有时在运行项目或者打包项目的时候会遇到报错信息：found version 4, expected 3,这个大概意思是说该插件需要的依赖当前不支持，需要提高依赖的版本。比如：@angular/compiler-cli、@angular/common、@angular/compiler、@angular/core，这些依赖升级后，其他...

参考网上的方法https://stackoverflow.com/questions/36755625/how-to-import-jquery-and-mcustomscrollbar-plugin-into-angular2-component对其配置，有的时候会出现问题，可以尝试更换一下mCustomScrollbar的版本。可以不用install在项目里，直接将所需的js...

angular-cli6使用ng serve --o 运行创建的项目，能正常访问，但是控制台一直在报错，点击报错能看到是因为webpack的webpack-dev-server里报的错，看到网上介绍了配置webpack-dev-server对host header 正确性检测，但是angular6里修改的配置文件需要修改node_m...

在angular里我们一般都是给input元素添加[(ngModel)]="value"实现数据双向绑定，如果想实现自定义的组件上实现ngModel双向数据绑定应该怎么办呐。。。网上找了一下，没看懂记录一下。场景：组件能获取父组件通过ngModel绑定的值，能通过ngModel改变父...

不想使用第三方库，只想使用一个分页器，那么就简单的实现一个，效果如下：  1.使用方式： <custom-pagination *ngIf="enterpriseList.length"[fastTurnBtn]="false"[totalPage]="paginationParams.totalPages"[maxSize]="...

刚接触angular1.x很多经常用到的ngMessages的地方，这里顺便记一下，效果如下图：如果引用了angular-messages.js报如下错误，说明你的angular.js和angular-messages.js版本不匹配，需要找到能用的版本。可在这里在线测试各个版本https://docs.angularjs.org/a...

最开始使用ui-bootstrap的Datepicker Popup日期选择插件实现双日期选择时间范围时，在网上搜了一些通过JS去实现的方法，不过后来发现可以不必通过JS去处理，只需要使用其自身的属性和参数即可实现，效果如下图(一截图就不显示鼠标的红色圆圈不可选的样式了。。...

1、实现列表思路：accessCtrl.js1 let AccessCtrl = function($scope, AlertService, DialogService, BigDataService, AdminBigDataService) {2 let vm = $scope;3 vm.pager = {4 pageNo:1,5 pageSize: 10,6 totalCount: 07 };8 vm...

一、数组结构的数据，前端处理成叶子节点数据比如说项目中遇到的一级类目，二级类目，三级类目只有选择一级类目之后，才可以选择二级类目，选择了二级类目，才可以选择三级类目。当上一级类目选择变了，他下面的各级类目会被清空，没有选择中。1、模板文件<...

一、url解析参数在路由中写入，同一个控制器，同一个页面模板，可以写多个路由，不同的路由对应相同的页面，只是在这种传参数的状态下的特定页面。.state("OrderRecord", {parent: "ServiceManage",url: "/order-record",templateUrl...

angularJS什么是angularJSAngularJS 诞生于2009年，由Misko Hevery 等人创建，后为Google所收购。是一款优秀的前端JS框架，已经被用于Google的多款产品当中。AngularJS有着诸多特性，最为核心的是：MVVM、模块化、自动化双向数据绑定、语义化标签、依赖注入等...

  angularJS过滤器过滤器（filter）正如其名，作用就是接收一个输入（隐式的接收数据源），通过某个规则进行处理，然后返回处理后的结果。主要用在数据的格式化上，例如获取一个数组中的子集，对数组中的元素进行排序等。ng内置了一些过滤器，它们是：curre...

directive--指令指令，指的就是组件的意思。ng把组件称为指令。指令是使用ng的一个重点。使用directive()可以自定义指令，directive方法接收2个参数：1.指令的名字（str） 2.一个函数，该函数返回一个对象（注意：从之前遇到过的代码，按道理应该是返回一个函...

serviceng的服务是这样定义的：Angular services are singletons objects or functions that carry out specific tasks common to web apps.它是一个单例对象或函数，对外提供特定的功能。1.首先是一个单例，即无论这个服务被注入到任何地方，对象始终只有一个...

routeroute---‘路由’ ajax的弊端：1.ajax请求不会留下history记录2.用户无法直接通过url进入应用中的指定页面（保存书签，分享朋友？）3.ajax不利于SEO前端路由的实现原理是什么？#哈希 也叫锚点，通过使用锚点实现页面刷新但不跳转。html5中的history API...

使用了angular1一年下来，完成了若干项目，承蒙此框架的强大带来了不算差的项目编写体验，但1.*版本的angular，确实是有厉害的地方也有其尴尬的地方，包括较多数据的渲染的性能问题，还有就是可能很多人都会觉得ng提供的很多语法很限制。总结就是ng1这个框架，...

1. TypeScript语法与ES6新特性写惯了jQ的话突然从ES5跳到ES6，又是个变形的ES6(TypeScript)，学习成本确实不低。不过笔者也是从ng1直接上手ng2，对与很多新特性的积累基本是抄着ng2官网的快速起步捡起来的。所以给的建议是，有ES6甚至TS基础肯定完美，但是在使...

前言：在哪看到过angular程序员被React程序员鄙视，略显尴尬，确实Angular挺值得被调侃的，在1.*版本存在的几个性能问题，性能优化的“潜规则”贼多，以及从1.*到2.*版本的面目全非，不过宽容点来看这个强大的框架，升级到ng2肯定是一件好事情，虽然截至目前n...

本文将从头开始编写实际的代码来完成一个angular2的demo。题外话是其实angular2官网的快速开始项目已经很酷炫了，但其侧重快速二字，只够拿来练习玩耍，倒是github上确实已经有了一些不错的angular2-starter。 1. 安装必要的node环境与npm当然TS环境也是必须...

引言angular2相比1引入了更完善的模块系统，回忆ng1的应用中通常在页面的html标签或body标签中添加ng-app节点，值为应用的模块名，整个应用都将围绕这个模块来展开，到了ng2，模块概念完善了很多，并且再不是由一个模块来统治整个应用(当然非要这么做也可以)，...

如果说模块系统是Angular2的灵魂，那其组件体系就是其躯体，在模块的支持下渲染出所有用户直接看得见的东西，一个项目最表层的东西就是组件呈现的视图。而除了直接看的见的躯体之外，一个完整的“生物”还需要有感觉器官，用来感知外界与其的交互，这就是指令...

引言: 如果说组件系统(Component)是ng2应用的躯体，那把服务(Service)认为是流通于组件之间并为其带来生机的血液再合适不过了。组件间通信的其中一种优等选择就是使用服务，在ng1里就有了广泛使用，而ng2保持了服务的全部特性，包括其全局单例与依赖注入。今天...

笔者的学习进度比较慢，直到两年以前写的网站都还是以服务端为主导的，即网站的所有视图都由服务器视图模板来渲染，笔者使用的是 DotNet MVC，开发套路就是在Controller里面写Action，在Views里写对应的Action.cshtml，使用ajax发起请求已经是比较前端的事情了...

从去年年底开始使用ng2，遇到并解决或被虐了一些问题点，对其各种新特性与开发模式感觉还算舒服。还有的一个感想就是，要使用ng2还得先学习不少其他东西，比如TypeScript语法，比如ES6新特性，还有就是酷炫的npm平台。本文就将侧重点放到npm上来，看看npm平台...