AngularJS ng-option獲取索引

Question

我在我正在研究的項目中選擇了播放列表，並且嘗試獲取列表中所有視頻的下拉列表。

這很容易

<select ng-options="vid.Id for vid in playList.Videos track by video.Id" ng-model="selected" class="browser-default"></select>

但這顯示了Id的下拉列表，但是現在我希望它顯示列表+1中的位置；

因此，在播放視頻5/15時，下拉菜單應顯示1到15（而不是0到14），並且應選擇5。

關於如何做到這一點的任何想法？

Answer 1

如果要將當前視頻的索引顯示為選項文本，則此ngOptions表達式應該可以解決問題：

ng-options="vid as playList.Videos.indexOf(vid)+1 for vid in playList.Videos track by video.Id"

這里的關鍵是可以在Videos數組上使用indexOf方法來計算當前的視頻索引，然后加1 。

Answer 2

您可以按數組的索引進行跟蹤。 $ index設置為項目索引或鍵。

<select ng-options="vid as ($index + 1) for vid in playList.Videos track by $index" ng-model="selected" class="browser-default"></select>