AngularJS ng-repeat简单应用

来源:互联网 发布:js水泥基复合防水涂料 编辑:程序博客网 时间:2024/05/09 21:15

HTML正文:

<body ng-app=""><div ng-init="names=[0,1,2,3]"><p>遍历数组信息</p><ul><!-- 类似JSTL foreach标签:item为数组names的临时成员变量 --><li ng-repeat="item in names">{{item}}</li></ul><br><p>遍历对象数组</p><div ng-init="persons=[{'name':'zhangsan','age':'20'},                     {'name':'lisi','age':'19'},                     {'name':'lisi','age':'19'}]"> <ul> <li ng-repeat="item in persons"><span>{{item.name}}</span>--<span>{{item.age}}</span></li> </ul>                    </div>

效果:
这里写图片描述

0 0