angular笔记（一）

一、<strong>ng-app是整个angular程序的入口</strong>

<div ng-app="" ng-init ="name ='xufei'">
 
名字为： {{ name }}
 
</div>

二、model和view之间的双向绑定是通过ng-model

<div ng-app="">
 
请输入任意值：<input type="text" ng-model="name" />
 
你输入的为： {{ name }}
 
</div>

三、ng-bind和{{}}

* 对于首个页面中的数据绑定操作，建议采用ng-bind，以避免其未被渲染的模板被用户看到。ng-bind是在angular解析渲染完毕后才将数据显示出来的。

<div ng-app="">
    请输入一个名字：<input type="text" ng-model="name" />
    Hello <span ng-bind="name"></span>
</div>

四、能用ng-if，不用 ng-hide或ng-show，由于后者无论怎样都会执行，而前者 只有值为true时才会执行。提高性能。

五、filter（ uppercase，currency等等）

<div ng-app="" ng-init="friends = [
   {name:'tom', age:16},
   {name:'jerry', age:20}, 
   {name:'garfield', age:22}]">
 
    输入过滤:<input type="text" ng-model="age" >
    <ul style="list-style-type:none">
        <li>   姓名，年龄</li>
        <li  ng-repeat="x in friends | filter:age">   
            {{ x.name + ' , ' + x.age }}
        </li>
    </ul>    
</div>

注意：model和filter要保持一致。（filter：模型）