AngularJs ng-repeat指令

这指令很屌。有了它可以不用脚本遍历数组，直接在html中实现数组遍历数组输出数组中内容。

当数组为基本类型：

ng-repeat =“x in dataset”

当数组为k/v形式

ng-repaet=“(k/v) in dataset”

内言表达式

说明：

1.x相当于一个容器，每编历一次返回后输出，并自动生成新的标签

2.dataset是数组

用例：

<div ng-app=“data-app” ng-controller=“data-ctrl”>

<p ng-model=“names”></p>

<p ng-repeat=“x in names”>{{x}}</p>

</div>

//用脚本给数组names赋值

<script>

var app = angular.module(“data-app”,[]);

app.controller(“data-ctrl”,[“$scope”function($scope){

    $scope.names=[“xzh”,”co”];

}]);

输出：xzh     

        co

</script>

这个指令用脚本实现是这样的：

<script>

var dataset =[1,2,3,4];

function opdata(){

      for(i=0;i<dataset.length;i++) {

          document.getElementBy    Id(“p”).innerHTML=dataset[i];

        ……此处省略创建节点代码100行   

      }

  }

</script>

AngularJs十分方便，不要看上面那么多代码，但是实际上绝大部份都是构建页面必须的，说得明白一点就是“这些代码怎么都得写”。AngularJs只需在页面的代码基础上稍左修改和增加即可方便过用原生js甚至jquery。