gpt4 book ai didi

javascript - 使用 ng-repeat 从对象属性中的数组访问项目

转载 作者:行者123 更新时间:2023-11-30 16:42:15 25 4
gpt4 key购买 nike

我正在尝试创建一个带有项目设置的简单类别,其中类别将是我的所有专辑和所有轨道。我试过这样设置:

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/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com