如何删除阵列淘汰项目

Question

我正在使用knockout.js库。我试图用敲除arrayRemoveItem实用程序功能，但它似乎没有工作。这里是我的代码：

JS

function VM() 
{ 
    this.Items = [{id:'1', name:'A'}, 
       {id:'2', name:'B'}, 
       {id:'3', name:'C'}, 
       {id:'4', name:'D'} 
       ]; 

    this.Delete = function(){ 
    console.log(this.Items);   //before removing 

    ko.utils.arrayRemoveItem(this.Items, function(item){ 
     return item.id == '3'; 
    }); 

    console.log(this.Items);   //after removing 
    }; 
} 

Fiddle

如果选中按Delete键后，第3项是不是从阵列拆下控制台。我在这里错过了什么？

Answer 1

arrayRemoveItem将需要删除的项目作为第二个参数，如ko.utils.arrayRemoveItem(array, itemToRemove)，因此您需要首先找到该对象并将其传递给arrayRemoveItem。

尝试

function VM() 
{ 
    this.Items = [{id:'1', name:'A'}, 
       {id:'2', name:'B'}, 
       {id:'3', name:'C'}, 
       {id:'4', name:'D'} 
       ]; 

    this.Delete = function(){ 

    var item; 
    ko.utils.arrayForEach(this.Items, function(v) { 
     if(v.id == '3'){ 
     item = v; 
     } 
    }); 

    console.log(this.Items); 
    ko.utils.arrayRemoveItem(this.Items, item); 
    console.log(this.Items); 
    }; 
} 

ko.applyBindings(new VM()); 

演示：Fiddle