//先定义一个数组
anular代码:
var app = angular.module('serapp', []); app.controller('indexctrl', function($scope, $http) { $scope.arrs = [{ <br> n:'a'; arr:['1','2','1'] },{<br><br> n:'b'; arr:['4','5','6'] }]; })
html 代码:
<br> <div ng-controller="indexctrl"><br> <p>{{name}}</p><br> <ul><br> <li ng-repeat="name in names">{{name.n}}<br> <p ng-repeat="a in name.arr track by $index" id="{{$index}}">{{a}}</p><br> </li><br> </ul> <br> </div><br><br>
track by $index 在有重复值时需加上这段代码 不然浏览器会报这个错 error: [ngrepeat:dupes]并且不会渲染到页面
以上这篇angular ng-repeat数组中的数组实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持移动技术网。
如对本文有疑问, 点击进行留言回复!!
Angular5整合富文本编辑器TinyMCE的方法(汉化+上传)
基于Angular 8和Bootstrap 4实现动态主题切换的示例代码
解决三元运算符 报错“SyntaxError: can''t assign to conditional expression”
网友评论