knockout.js - 在 foreach 中单击绑定(bind)到父函数

Question

我有以下html:

<div data-bind="foreach: Contacts">
   <a data-bind="click: $parent.Foo($data), text: Name">link</a>
</div>
<button data-bind="click: AddContacts">click</button>

和js代码:

var viewModel = ko.mapping.fromJS({"Selected":null,"Contacts":[]});
viewModel.AddContacts = function(){
    this.Contacts([{"Name":"C1"},{"Name":"C2"}]);
}

viewModel.Foo = function (contact) {
    alert(contact.Name);
}

ko.applyBindings(viewModel);

当我单击按钮时，每个联系人都会调用 Foo。在单击任何链接之前，我根本没想到会调用它。

Answer 1

如nemesv说过。参数是函数引用。所以你正在做的是使用函数的结果作为点击事件。

您传递的对函数的调用将自动包含该项目的数据，因此您无需手动传递它:

<div data-bind="foreach: Contacts">
   <a data-bind="click: $parent.Foo, text: Name">link</a>
</div>

http://jsfiddle.net/4cUv9/