使用ng-repeat從對象屬性中的數組訪問項目

Question

我正在嘗試使用項目設置類型創建一個簡單的類別，其中類別將是我所有專輯的所有曲目。 我嘗試將其設置為：

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,
                }
        ]
    }
    ]
}]);

並在視圖中：

<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>

Answer 1

內蒙古ngRepeat應該是track in album.tracks （你有專輯S）：

<li ng-repeat="track in album.tracks">{{ track.name}}</li>
<!-- extra "s" was here -----^ -->

使用ng-repeat從對象屬性中的數組訪問項目

問題描述

1 個解決方案

解決方案1
2 已采納 2015-08-02 21:29:38

使用ng-repeat從對象屬性中的數組訪問項目

問題描述

1 個解決方案

解決方案1 2 已采納 2015-08-02 21:29:38

解決方案1
2 已采納 2015-08-02 21:29:38