如何通过AngularJS删除一个项目
How to delete one item by AngularJS?
嘿,伙计们,我想在AngularJS函数中按id删除项目。如何从删除按钮获取id?
<table data-ng-app="myApp" data-ng-controller="myController">
<tbody>
<tr>
<th>ID</th>
<th>Name</th>
<th>School</th>
<th>Gender</th>
<th>Email</th>
<th>Update</th>
<th>Delete</th>
</tr>
<tr data-ng-repeat="student in students">
<td>{{student.id}}</td>
<td>{{student.name}}</td>
<td>{{student.school}}</td>
<td>{{student.gender}}</td>
<td>{{student.email}}</td>
<td><a href="#" id="tagaUpdate" >Update</a></td>
<td><a href="#" id="tagaDelete" data-ng-click="deleteItem({{student.id}})">Delete</a></td>
</tr>
</tbody>
</table>
控制器:
var myApp = angular.module('myApp', []);
myApp.controller("myController", function ($scope) {
$scope.deleteItem = function (id) {
alert(id);//it doesn't show alert here
};
});
我认为问题出在这里data-ng-click="deleteItem({{student.id}})"
。但当我检查时,它显示值data-ng-click="deleteItem(5)
。
替换
<a href="#" id="tagaDelete" data-ng-click="deleteItem({{student.id}})">Delete</a>
通过
<a href="#" id="tagaDelete" data-ng-click="deleteItem(student.id)">Delete</a>
相关文章:
- 当在Ember中点击一个项目时,我如何将一个活动类添加到项目列表中
- angularjs移除焦点上的活动类并添加到下一个项目
- 如何通过AngularJS删除一个项目
- 获取每个项目中不为 null 的最后一个项目
- 在另一个项目中使用大理石测试rxjs5方法
- Asp.net 引导下拉菜单 - 选择一个项目
- 处理一个项目,想要添加以下菜单栏,并尽量减少向下滑动
- 在angularJs的选择框中预先选择一个项目
- jQuery 使用 ID 作为 URL 选择一个项目
- 我在Phaser有一个项目.我想在画布上的元素上做一个用户图像编辑器
- Javascript:使用 slice() 从数组中选择除一个项目之外的所有项目
- 如何从包含1000个项目的数组中随机选择一个项目
- 从列表中选择一个项目,
- 在可排序的JQuery UI列表中至少保留一个项目
- 仅单击一行中的一个项目
- 在angularjs中一次选择一个项目
- 有没有更花哨的方法可以在同一类中获得上一个项目
- 如何从用户制作的数组中具体拼接出一个项目
- 角度 - ng 网格通过分组按语法选择下一个/上一个项目
- 是否可以通过使用 javascript 获取数组中的一个项目来删除项目