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