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

关于如何做到这一点的任何想法？

score 7 · Accepted Answer

如果您想将当前视频的索引显示为选项文本，那么这个 ngOptions 表达式应该可以解决问题：

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

这里的关键是您可以使用数组上的indexOf方法Videos来计算当前视频索引，然后添加1.

score -2 · Accepted Answer

您可以通过数组的索引进行跟踪。$index 设置为项目索引或键。

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

2 回答 2