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">×</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();
});
}