AngularJs学习笔记（二）

1、指令
ng-** --> angularJs内置的指令


自定义指令：
app.directive(name,function(){});


指令命名：采用驼峰式 前缀一般是工程名字的缩写 后缀是指令的作用


E:Element 元素  <ts-hello></ts-hello>
A：attribute 属性 <div ts-hello='''></div>
C:  class  <div class='ts-hello'></div>
M: comment <!-- directive: ts-hello --> 结合replace


restrict: 'EAC'


传参：
scope:{
 testName:'@'
}


在通过ngRepeat遍历数组，如果数组中有重复内容，会报错，通过指定track by $index


2、双向数据绑定
方向1
model ------------》view 


方向2
view ------------》model


2.1 方向1：将模型数据绑定到视图中。


$scope.num = 1;  
<p>{{num}}</p>
<p ng-bind="num"></p>


如何绑定？双花括号+常用的ng指令
绑定的作用：修改了模型数据  对应的视图就会跟着更新


DOM操作：先查找元素--》修改元素
ng： 创建model数据，绑定到视图，内部有脏数据检查机制，只有数据发生了变化，视图就会更新


$scope.num  = 0;
p 显示num
button  点击 num做自增操作


2.2 方向2：将视图中组件的数据 绑定 到模型数据中


如何绑定：ngModel


使用：input 复选 单选  多行文本 


双向数据绑定：
页面中既有方向1的绑定 又有方向2的绑定


3、过滤器
过滤器： 实现对表达式结果的 刷选 过滤 格式化，达到更好的表现效果


过滤器用法：支持多重过滤以及传参

{{ 表达式 | 过滤器：param | 过滤器2：param }}

currency:'￥'
date:'yy-MM-dd'
uppercase/lowercase
limitTo:3
orderBy:'age':true 按照age进行降序排列（默认是升序）

4、方法
angular.forEach：遍历对象或数组
toJson:将一个json对象序列化 转化为一个json格式的字符串
fromJson：反序列化 转化为一个json对象
uppercase

lowercase

5、依赖注入---angular会自动根据依赖对象的形参名，创建需要的对象作为实参传递进来

（1）控制器对象的构造函数是由AngularJs来调用的，不能手动调用

（2）AngularJs会根据控制器对象的构造函数的形参名来创建依赖的参数对象----形参名只能是angular能够识别的服务或者组件名

（3）压缩后形参名被取代的解决方法：使用字符串数组传递形参名