Angular
  1. 首页
  2. Angular

AngularJS—— 指令的复用

并在link属性的方法内，添加相应事件，方法中有三个参数：1scope，作用域，用于调用相应的作用域的方法。2element，指代创建的标签3attr，用于扩展属性，稍后展示使用方法有了以上的准备工作，就可以在body里面使用标签了：如何复用指令以上仅仅是单个控制器的指令使用，一个指令在一个页面中可以被多次使用，也就意味着，会有多个控制器使用该指令。2指令中调用的仅仅是属性的名字，没有方法括号。

AngularJS —— 自定义指令

如何自定义指令：Angular是基于模块的框架，因此上来肯定要创建一个自己的模块：然后在此模块基础上创建指令directive其中，xingoo是我们自定义标签的名字，后面跟着它的方法函数。里面是用于替换自定义标签的字符串3replace：是否支持替换4transclude：是否支持内嵌如何使用指令：上面提到了标签的四种使用方法，即AECM。当想要自定义标签时，采用标签的形式。2并使用ng-transclude属性，定义内部嵌套的位置。

AngularJS的过滤与排序

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

AngularJS—— 独立作用域

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

AngularJS 使用ngOption实现下拉列表

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

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

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

Angular 2那些坑 —— async 管道

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

angularjs $watch监听模型变化

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

angularJS directive分析

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