代码之家 › 专栏 › 技术社区 › Kiwi

AngularJS ng选项获取索引

angularjs-ng-options ng-options angularjs javascript

2

Kiwi · 技术社区 · 9 年前

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

这很容易

<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 回复 | 直到 9 年前

1

7

dfsq 9 年前

如果您希望将当前视频的索引显示为选项文本,则此ngOptions表达式应执行以下操作:

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

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

2

-2

Anton Pretorius 9 年前

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

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