angulaerjs - AngularJs 如何实现ng-repeat 嵌套？
本文介绍了angulaerjs - AngularJs 如何实现ng-repeat 嵌套？的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
问 题
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可能有)
解决方案
<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>这篇关于angulaerjs - AngularJs 如何实现ng-repeat 嵌套？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
