8.repeat指令

为什么80%的码农都做不了架构师？>>>   

#ng-repeat

ng-repeat指令，遍历一个数据集合中的每个数据元素，并且加载HTML模版把数据渲染出来，当我们要向HTML容器节点中添加更多类似DOM元素的时候，使用ng-repeat是再好不过了。

使用方法，如下示例：

<div ng-app="" ng-init="friends = [
   {name:'Tom', age:25}, 
   {name:'Jerry', age:28},
   {name:'Tom', age:25}, 
   {name:'Jerry', age:28}]">
 
   <table>
     <tr ng-repeat="x in friends">
       <td> {{ 'Name：'+ x.name +' ，Age：'+ x.age}} </td>
     </tr>
   </table>
</div>

ng-repeat指令对于集合中(数组中)的每一项都会渲染一次HTML元素

备注：ng-repeat很像thinkphp中的foreach
jquery中的$.$each

转载于:https://my.oschina.net/oneboi/blog/794125