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

     

     

  • 相关阅读:
    【20171227】json
    【20171224】文件操作
    【20171225】编解码
    【20171226】urllib
    【20171226】requests
    【错误集】编解码
    Python 基础概念——单例设计模式
    Python 继承
    python面向对象概述
    Python基础_函数的递归
  • 原文地址:https://www.cnblogs.com/beta-data/p/4696396.html
Copyright © 2011-2022 走看看