我正在尝试创建一个带有项目设置的简单类别,其中类别将是我的所有专辑和所有轨道。我试过这样设置:
enitoniApp.controller('musicItems', ['$scope', function ($scope) {
$scope.albums = [
{
name: 'Over The Mountains',
tracks: [
{
name: 'Over The Mountains',
ref: 'otmt',
released: 0,
price: 0,
},
{
name: '!C3',
ref: 'ice',
released: 0,
price: 0,
}
]
}
]
}]);
在 View 中:
<body>
<div id="allMusic" ng-controller="musicItems">
<div id="albums">
<ul>
<li ng-repeat="album in albums">
<div class="title">{{album.name}}</div>
<ul>
<li ng-repeat="track in albums.tracks">{{ track.name}}</li>
</ul>
</li>
</ul>
</div>
</div>
</body>
预期的行为是 angular.js 将根据轨道数量(在本例中为两个)重复专辑 li
中的 li
。但是,我无法让它访问 tracks
中数组项的数量。
这就是我要实现的目标:
<body>
<div id="allMusic" ng-controller="musicItems">
<div id="albums">
<ul>
<li>
<div class="title">Over The Mountains</div>
<ul>
<li>Over the mountains</li>
<li>!C3</li>
</ul>
</li>
</ul>
</div>
</div>
</body>
最佳答案
内部 ngRepeat
应该是 album.tracks 中的轨道
(您有专辑):
<li ng-repeat="track in album.tracks">{{ track.name}}</li>
<!-- extra "s" was here -----^ -->
关于javascript - 使用 ng-repeat 从对象属性中的数组访问项目,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31776769/