常用指令
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>
- <tbody><tr ng-repeat="x in friends">
- <td> {{ 'Name:'+ x.name +' ,Age:'+ x.age}} </td>
- </tr>
- </tbody></table>
- </div>
ng-repeat指令对于集合中(数组中)的每一项都会渲染一次HTML元素。