我有一个消息列表,这些消息绑定为来自 JSON 源的 HTML 列表。每个图像旁边都有一个删除按钮。当单击该消息旁边的删除按钮时,我想从列表中删除该消息。
HTML:
<div ng-app="myApp">
<ul ng-controller="MessagesCtrl">
<li ng-repeat="message in messages.data" id="message{{message.id}}">
<a href="#" class="messageIcon">{{message.message}}</a>
<a ng-click="deleteItem()">x</a>
</li>
</ul>
</div>
JS:
var myApp = angular.module("myApp", []);
myApp.factory("Messages", function () {
var Messages = {};
Messages.data = [
{
id: "1",
message: "Message 1"
},
{
id: "2",
message: "Message 2"
},
{
id: "3",
message: "Message 3"
},
{
id: "4",
message: "Message 4"
}
];
return Messages;
});
function MessagesCtrl($scope, Messages) {
$scope.messages = Messages;
$scope.deleteItem = function () {
var id = this.message.id;
//alert(id);
Messages.data.delete({ id: id }, function () {
$("#message" + id).fadeOut();
});
}
}
小提琴:http: //jsfiddle.net/L82S7/
我发现执行此操作的示例使用“.delete”或“.splice”-两者都会产生如下控制台错误:
TypeError: Object #<Object> has no method 'splice'
谁能建议如何使它工作?
谢谢!