每当oninput事件发生时如何传递元素的索引?

时间:2017-04-29 07:49:38

标签: javascript jquery html angularjs

我试图使用ng-repeat重复一个对象现在,每当我使用ng-repeat获得的对象重复我的div时,我也想为每个对象设置索引值

假设我的div重复了10次,即如果我得到10个对象,则每个对象都应该有一个索引值。

例如,第一个对象的索引值应为1,第二个对象的索引值为2,依此类推。

要做到这一点,我在我的div的id中绑定了$ index看看代码

<div ng-repeat="myObject in object" id="{{ $index }}">
</div>

现在,我还在div中使用了数据列表来实现自动完成功能。

每当我的datalist中的值发生变化时,我调用oninput event来保存我的datalist中的选定选项。

现在,每当发生oninput事件时,我也希望在oninput函数中传递$ index,以便我可以使用元素的索引值

我应该如何获得我用于对象div的$ index,它将被重复到oninput函数中。

1 个答案:

答案 0 :(得分:0)

<html>
<head>

<script src="~/vxgplayer-1.8.33/vxgplayer-1.8.33.js"></script>
<link href="~/vxgplayer-1.8.33/vxgplayer-1.8.33.min.css" rel="stylesheet" />

</head>  
  <body>
  <div class="vxgplayer"
             id="vxg_media_player1"
             url="rtmp://5.101.139.34:1935/vod/Naam_Shahana.mp4"
             autostart controls avsync
             nmf-src="~/vxgplayer-1.8.33/pnacl/Release/media_player.nmf"
             nmf-path="media_player.nmf"></div> 
  </body>
</html>

$ index以0开头,因此如果您希望第一个对象具有索引1,则应将id设置为<div ng-repeat="myObject in object track by $index" id="{{ $index }}"> </div>