javascript - 访问 uib-dropdown 内 ng-repeat 元素的 $index？

Question

我正在尝试编写一个 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.html。当我运行它时，我变得不确定。我也尝试过 $parent.$index ，同样的事情发生了。任何 Angular 专业人士都知道我可以做什么来获取该索引吗？先感谢您!

Answer 1

如果您想删除列表元素而不需要在 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>