无法解析绑定。淘汰赛错误

Question

这是我第2天的学习淘汰赛。

尝试为按钮单击附加“deleteItem”。它给出了以下错误。

Error

Uncaught Error: Unable to parse bindings.
Message: ReferenceError: deleteItem is not defined; Bindings value: click: deleteItem

的JavaScript：

$(function() { 
    var defaultData = [{ 
     id: 1, 
     item: "Todo 1" 
    }, { 
     id: 2, 
     item: "Todo 2" 
    }, { 
     id: 3, 
     item: "Todo 3" 
    }]; 
    var viewModel = { 
     listItem: ko.observableArray(defaultData), 
     addItem: function() { 
      // Add new item 
      var id = this.listItem().length + 1; 
      this.listItem.push({ 
       id: id, 
       item: "Todo " + id 
      }); 
     }, 
     deleteItem: function() { 
      alert(this); 
     } 
    } 
    ko.applyBindings(viewModel, main); 
}); 

HTML：

<div id="main"> 
    <button data-bind="click: addItem">+ Add Item</button> 
    <div data-bind="foreach: listItem"> 
     <input type="text" data-bind="value: item" /> 
     <input type="button" data-bind="click: deleteItem" /> 
     <br /> 
    </div> 
</div> 

Answer 1

功能deleteItem是您的视图模型。当绑定在foreach内时，绑定操作的上下文是listItem阵列中的单个item。您需要绑定到$root.deleteItem以引用根视图模型。