Html 引导和AngularJS:模式确认删除第一行

Html 引导和AngularJS:模式确认删除第一行,html,angularjs,twitter-bootstrap,Html,Angularjs,Twitter Bootstrap,我得到了一个表,它为每个成员重复一个删除按钮。当我不使用模式时,确认按钮会起作用,但是如果我使用模式,第一行只会被删除。 正如我所研究的,可能是因为delete被重复,所以它的值一直保留在第一行 表HTML代码: <table class="table table-bordered" id="customForms" ng-show="showMembers"> <thead><tr> <th> ID </th> <th&

我得到了一个
,它为每个成员重复一个
删除
按钮
。当我不使用
模式
时,确认
按钮
会起作用,但是如果我使用
模式
,第一行只会被删除。 正如我所研究的,可能是因为
delete
被重复,所以它的
值一直保留在第一行

表HTML代码:

<table class="table table-bordered" id="customForms" ng-show="showMembers">
    <thead><tr> <th> ID </th> <th>Name</th> <th>Surname</th> <th>Date Of Affiliation</th> <th>Status</th> <th>Email</th> <th>Summary</th></tr></thead>
    <tbody>
        <tr ng-repeat="member in members">
            <td>{{member.memberID}}</td>
            <td>{{member.name}}</td> 
            <td>{{member.surname}}</td>
            <td>{{member.dateOfAffiliation}}</td>
            <td>{{member.status}}</td>
            <td>{{member.email}}</td>
            <td>{{member.summary}}</td>

            <td><button class="btn btn-primary" data-toggle="modal" data-target="#myModal"> DELETE </button>
                    <div id="myModal" class="modal fade" role="dialog">
                      <div class="modal-dialog">
                        <!-- Modal content-->
                        <div class="modal-content">
                          <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal">&times;</button>
                            <h4 class="modal-title">Delete Confirmation</h4>
                          </div>
                          <div class="modal-body">
                            Are you sure you wish to delete this row? 
                          </div>
                          <div class="modal-footer">
                            <button type="button" class="btn btn-default" ng-click="deleteMember(member)" data-dismiss="modal">Delete</button>
                            <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
                          </div>
                        </div>
                      </div>
                    </div>      
            </td>
        </tr>
    </tbody> 
</table>

根据您的代码,当您使用模式进行删除时,通过调用
ng click=“deletember(member)”
无论使用哪个组件删除成员,您都需要将需要删除的模型传递给控制器。您只需使用
ng click=“deletember(member)”
触发删除操作即可。@Jodevan能否请您重新措辞?我已将
ng click=“deletember(member)
放在
按钮上,该按钮将删除该行。你知道吗?你能在plunker.co中提供一个例子吗?@Jodevan对我的巨大延迟表示歉意!请查找我的plunker示例:
$scope.deleteMember = function(member) {        
        $http.post('model/deleteMember.php', member).success(function(data) {
        $scope.getMember();
        });
}