AngularJS学习总结

标签：

双向的数据绑定

数据绑定可能是AngularJS最酷最实用的特性。它能够帮助你避免书写大量的初始代码从而节约开发时间。一个典型的web应用可能包含了80%的代码用来处理，查询和监听DOM。数据绑定是的代码更少，你可以专注于你的应用。

例子一：

 <input type="text" ng-model="user.name" placeholder="请输入名字">
      <h1>Hello, {{user.name}}!</h1>

　　h1里面的内容会跟着input里面的内容改变而改变，这样减少了大量的操作，使代码更简洁。

 filter(匹配子串)

　　用来处理一个数组，然后可以过滤出含有某个子串的元素，作为一个子数组来返回。可以是字符串数组，也可以是对象数组。如果是对象数组，可以匹配属性的值。它接收一个参数，用来定义子串的匹配规则。下面举个例子说明一下参数的用法：

$scope.childrenArray = [

        {name:‘kimi‘,age:3},

        {name:‘cindy‘,age:4},

        {name:‘anglar‘,age:4},

        {name:‘shitou‘,age:6},

        {name:‘tiantian‘,age:5}

];

$scope.func = function(e){return e.age>4;}{{ childrenArray | filter : ‘a‘ }} //匹配属性值中含有a的

{{ childrenArray | filter : 4 }}  //匹配属性值中含有4的

{{ childrenArray | filter : {name : ‘i‘} }} //参数是对象，匹配name属性中含有i的

{{childrenArray | filter : func }}  //参数是函数，指定返回age>4的　　

注意：filter“：”的后面参数写完后都必须加上空格符号，不然会报错。

AngularJS学习总结

标签：

原文地址：http://www.cnblogs.com/beta-data/p/4696396.html