AngularJS ng-option获取索引

时间:2015-03-04 07:50:02

标签: javascript angularjs ng-options angularjs-ng-options

我正在制作我正在制作的项目中的播放列表选项,我正在尝试获取列表中所有视频的下拉列表。

这很容易

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

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

2 个答案:

答案 0 :(得分:7)

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

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

此处的关键是,您可以使用Videos数组上的indexOf方法计算当前视频索引,然后添加1

答案 1 :(得分:-2)

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

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