AngularJs 如何实现ng-repeat 嵌套?
类似:
<div>
<dl>
<dt>标题一</dt>
<dd>1</dd>
<dd>2</dd>
<dd>3</dd>
<dd>……</dd>
</dl>
<dl>
<dt>标题二</dt>
<dd>1</dd>
<dd>2</dd>
<dd>……</dd>
</dl>
</div>
首先要循环出标题一,标题二,标题三,等等!
然后还要循环出每个标题对应的dd(dd可能有)
http://stackoverflow.com/questions/20826943/how-to-double-nest-angular-ng-repeat
是这个吧?
诸如
ng-repeat = "clazz in classes"
ng-repeat = "student in clazz.members"
<head>
<script src="http://code.angularjs.org/angular-1.0.1.min.js"></script>
</head>
<body ng-app>
<div ng-controller="Controller">
<dl ng-repeat="dl in dls">
<dt>{{dl.dlTitle}}</dt>
<dd ng-repeat="ddContent in dl.ddContents">{{ddContent}}</dd>
</dl>
</div>
</body>
<script>
function Controller($scope){
//下面是需要渲染的数据
$scope.dls = [
{
'dlTitle': '标题一',
'ddContents': ['dl1-dd1','dl1-dd2','……']
},
{
'dlTitle': '标题二',
'ddContents': ['dl2-dd1','dl2-dd2','dl2-dd3','……']
}
]
}
</script>