Angular
  1. 首页
  2. Angular

AngularJS路由之ui-router一

在angular1有内置的路由服务，使用$route可以帮助实现路由的切换，视图的改变，但是$route只是包含了基本的功能，在很多场合不够用。uiRouter是第三方js库。需要引入“angular-ui-router.min.js”文件。只有当reslove中的promise全部resolved后，才会触发$stateChangeSuccess切换路由，进而实例化controller，然后更新模板。type"如果需要不止一个查询参数，用&分隔：//比如匹配ui-sref="page"url:"/pag

angularJS directive分析

另一种办法缓存是:replace（布尔值），默认值为false，设置为true时候，不显示指令标签名。scope可选参数，默认值为false，可能取值：默认值false。用ng-controller这个指令举例，ng-controller可以从父作用域中继承并且创建一个新的子作用域。

angularjs $watch监听模型变化

$watch简单使用$watch是一个scope函数，用于监听模型变化，当你的模型部分发生变化时它会通知你。$watch;每个参数的说明如下：watchExpression：监听的对象，它可以是一个angular表达式如'name',或函数如function(){return$scope.name}。

Angular 2那些坑 —— async 管道

如果有对Angular2中管道的使用上手的同学，一定也踩了此坑。问题是这样的，需要在模板中通过async管道获取一个Observable回调才能获取的值。但是，如果多次对同一对象使用async，其实会发出多次AJAX请求。这就有些尴尬了，每使用一次async管道就会发一次AJAX请求，这就掉坑里了。2017年03月30日15:05:56更新：据了解，Angular4已经解决了该问题。

谈谈Angular指令bindToController的使用1.4版本后支持

bindToController使继承的一些属性可以挂载到指令的controller上，只需要把bindToController属性设置为true，这样从父级作用域获取的一些属性或方法就绑定到controller上了，而不使scope上。这样的话，我们就可重构下之前的controller，可以移除scope注入了：Angular官方建议我们使用true值来绑定属性到controller，但是源码中：如果bindToController的值为一个对象，就将$scope绑定到scope的对象直接绑定到cont

AngularJS 使用ngOption实现下拉列表

下拉列表的简单使用ng-option指令使用很简单，只需要绑定两个属性：一个是ng-model用于获取选定的值；另一个是ng-options用于确定下拉列表的元素数组。所以更多的时候会使用一个id进行标识，这样在初始化赋值的时候，只需要设定一个id就可以了。

AngularJS—— 独立作用域

标签的作用是替换成一个输入框和一个数据显示。这个时候就需要独立作用域了。仅仅是添加这一行代码而已，就实现了独立作用域。因此AngularJS有了三种自定义的作用域绑定方式：1基于字符串的绑定：使用@操作符，双引号内的内容当做字符串进行绑定。2testname对应的是输入框中输入的值。3然后把这个变量当做一个参数传递给xingoo这个标签的name属性。也就是说通过say在scope中的定义，angular知道了say对应的是个方法；通过{name:username}的关联，知道了传入的是username。

AngularJS的过滤与排序

程序设计分析首先，如果要是先查询过滤，就要使用到AngularJS中的过滤器filter了。在这里直接使用ng-model实现数据的绑定即可：AngularJS是一门基于DOM的框架语言，因此不需要实现任何的监听器以及事件触发器，当query所在的输入框发生任何改变时，就会触发输入框与下面的表达式展现的双向刷新！相比于其他的一些框架，是基于字符串通过DOM节点innerHTML添加到DOM中，AngularJS的实现方式加快了模型与视图的展现。