使用ng-repeat遍歷以歌曲名稱為索引的對象

Question

我有一個使用歌曲名稱創建的對象，因此可以動態添加並跟蹤一系列播放列表中歌曲的出現情況。 這是一個例子：

{tracks：Object} 1,2,3-Remix：Object
trackAlbum：“精選集”
trackCount：1
trackImage： https ://i.scdn.co/image/26b654ecbe60b28397e6d8b5d829cebeeeb5590a“
trackName：“ 1,2,3-混音”

我想做的是在html中，使用ng-repeat通過trackCount（從最高到最低）對每首歌曲進行排序，然后將其顯示在列表中。 這是當前代碼：

<div ng-app="myApp" ng-controller="myCtrl">
<form id = "playlistSearch" name="playlistForm">
<div class="form-group">
  <label>Spotify playlist search:</label>
  <input name = "search" ng-minlength = 3 placeholder = "Enter your    search.." ng-model = "playlist" class = "form-control" required></input>
  <p class = "help-block" ng-show = "playlistForm.search.$error.minlength">Enter 3+ characters</p>
</div>

<div class = "form-group">
  <button ng-disabled = "playlistForm.search.$invalid" class = "btn btn-primary" ng-click = "getPlaylists()" type = "submit">Submit</button>
</div>
</form>
<div class = "container-fixed, results">
 <ol>
 <li ng-repeat = "track in allTracks | orderBy: 'trackCount'"> {{allTracks.trackName}} {{allTracks.trackAlbum}} {{allTracks.trackCount}}</li>                                                       
  </ol>
</div>

Answer 1

您的html結構不正確，應關閉li標簽，然后在ng-repeat div中使用track而不是allTracks ，這將為您提供對allTracks對象的每個元素的訪問權限。

碼

<ol>
    <li ng-repeat = "track in allTracks | orderBy: 'trackCount'">
       {{track.trackName}} {{track.trackAlbum}} {{track.trackCount}}
    </li>                                                       
</ol>