AngularJS基础 ng-repeat 指令简单示例

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