**AngularJs学习笔记1**

AngularJs学习笔记1

angular是典型的MVC框架，model/veiw/contro 切记。

eg0.基础指令

ng-app 声明应用
ng-init 初始化数据
ng-controller 控制器
ng-bind 将数据绑定到要表达的view层，效果等同于{ {}}

eg1.数据初始化

<div ng-app="">
    <h4>{
   {
   a*b}}</h4>  //2
    <p ng-init="a=1;b=2"></p>
 </div>

通过例子1，可以发现，数据可以先使用，再声明初始化，因为这是angular最大的亮点：数据双向绑定。注意，这里的app不要赋名字，因为这样你需要绑定controller控制器，否则{ {}}取值表达式无法被angular解析出来。

eg2.快速遍历

<div ng-app="" ng-init="name= [
    {name:'zhang'},
    {name:'wang'},
    {name:'chan'}
    ]">

<p ng-repeat="x in name"> {
   {x.name}}  </p>
</div> 
//zhang
  wang 
  chan

eg3.$scope 是一个javaScript对象，有方法，属性

<div id="" ng-app="myApp" ng-controller="myCtrl" >

    <p ng-bind="name"></p>

<hr />
<p ng-bind="fn(3)"></p>  //这里输出24
</div>
<script