作者:小小追求者 | 来源:互联网 | 2022-03-26 11:52
AngularJS ng-repeat 指令
AngularJS 实例
循环输出多个标题:
定义和用法
ng-repeat 指令用于循环输出指定次数的 HTML 元素。
集合必须是数组或对象。
语法
所有的 HTML 元素都支持该指令。
参数值
值 |
描述 |
expression |
表达式定义了如何循环集合。
表达式实例规则:
x in records
(key, value) in myObj
x in records track by $id(x) |
更多实例
AngularJS 实例
使用数组循环输出一个表格:
运行结果:
Alfreds Futterkiste |
Germany |
Berglunds snabbk |
Sweden |
Centro comercial Moctezuma |
Mexico |
Ernst Handel |
Austria |
AngularJS 实例
使用对象循环输出一个表格:
运行结果:
Name |
Alfreds Futterkiste |
Country |
Germany |
City |
Berlin |
|
以上就是对AngularJS ng-repeat 指令的基础资料整理,后续继续补充。