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“:”的后面参数写完后都必须加上空格符号,不然会报错。

 

 

posted @ 2015-08-02 18:03  Beta_陳  阅读(211)  评论(0编辑  收藏  举报