AngularJS组件绑定函数

Question

假设，我们试图使用 Web API 从列表中删除一个项目。我们使用参数 - item 和 onReremove 创建了一个名为 remove-item 的子组件。单击项目时，我们希望触发对父组件的回调函数。根据代码，删除项目后不会调用onDelete。有人可以帮助我们找出错误并为我们提供带有插图的正确解决方案吗？

remove.component.js
-------------------
this.RemoveItem = function (index) {
var promise = productList.removeItem(parseInt(this.id));
promise.then(function (response) {
console.log("An item has been deleted");
this.items=response.data;
}, function (error) {
console.log("An error has occurred while deleting the item:", this.id);

});
this.onRemove({
$index: this.items
});       
}

Answer 1

我会避免使用"this"。不知道为什么你在 RemoveItem fn 中传递索引参数，看不到你在这个范围内的任何地方使用它。无论如何，如果 productList.removeItem 返回 Promise，那么我们可以调用 Remove。我需要更多信息 - html 代码和您的删除 fn 代码，但无论如何都要尝试这个。

let vm = this;
vm.RemoveItems = RemoveItem;
vm.onRemove = onRemove;
RemoveItem(index) {
productList.removeItem(parseInt(this.id))
.then(function (response) {
console.log("An item has been deleted");
vm.onRemove({$index: response.data});
}, function (error) {
console.log("An error has occurred while deleting the item:", this.id);
});      
}
onRemove(obj) {
console.log(obj); 
//make your remove here
}