首页 > AngularJs 如何实现ng-repeat 嵌套?

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可能有)


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>
【热门文章】
【热门文章】