在uib-dropdown中访问ng-repeat元素的$ index?

时间:2017-05-03 18:07:51

标签: javascript html angularjs angular-ui-bootstrap

我正在尝试编写一个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专业人士都知道如何抓住该指数?先感谢您!

1 个答案:

答案 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>