AngularJS 互动版

在线工具推荐: Three.js AI纹理开发包 - YOLO合成数据生成器 - GLTF/GLB在线编辑 - 3D模型格式在线转换 - 可编程3D场景编辑器

常用指令


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元素。