我正在尝试编写一个ng-repeat,其中的每个元素都附有一个下拉菜单。在该下拉菜单中,我希望拥有作用于该单个元素的函数,我需要访问该元素的索引。这是我的html:
<div class="user" ng-repeat = "item in tParticipants">
<div uib-dropdown>
<button class="free-agent-dropdown" uib-dropdown-toggle>
<i class="fa fa-ellipsis-v" aria-hidden="true"></i>
</button>
<ul class="dropdown-menu" uib-dropdown-menu>
<li role="menuitem" ng-click="removeFromList($child.$index)">Remove From List</li>
</ul>
</div>
<label>Checked In</label>
</div>
问题是,下拉菜单显然无法访问$ index。当我运行它时,我得到了不确定。我也试过$ parent。$ index,同样的事情发生了。任何Angular专业人士都知道如何抓住该指数?先感谢您!
答案 0 :(得分:0)
如果你想删除你的列表元素而不需要在ng-click上使用任何功能,你可以这样做:
<div class="user" ng-repeat = "item in tParticipants">
<div uib-dropdown>
<button class="free-agent-dropdown" uib-dropdown-toggle>
<i class="fa fa-ellipsis-v" aria-hidden="true"></i>
</button>
<ul class="dropdown-menu" uib-dropdown-menu>
<li role="menuitem" ng-click="tParticipants.splice($index,1);">Remove From List</li>
</ul>
</div>
<label>Checked In</label>
</div>