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 指令的基础资料整理，后续继续补充。