KnockoutJS - 点击模板事件

Question

我有以下KnockoutJS模板（与jquery.tmpl渲染）：

<script id="contactsTemplate" type="text/html"> 
    <li data-bind="click: contactViewModel.test">${DisplayName}</li> 
</script> 

<ul id="contact-list" data-bind="template: {name: 'contactsTemplate', foreach:contacts}"> 
</ul> 

和下面的模型视图：

var contactViewModel = function (contacts) { 
var self = this; 

self.contacts = contacts; 

self.test= function() { 
    console.log("CLICK"); 
} 

，如果我使用此代码，点击事件不会触发。如果我创建像一个匿名函数：

<script id="contactsTemplate" type="text/html"> 
    <li data-bind="click: function(){contactViewModel.test()}">${DisplayName}</li> 
</script> 

我得到以下异常：

Uncaught TypeError: Object function (contacts) { 
var self = this; 
self.contacts = contacts; 
self.test= function() { 
    console.log("CLICK"); 
} 
} has no method 'test' 

SOLUTION

的解决办法是：$父。

data-bind="click: $parent.test" 

Answer 1

你contactViewModel函数是一个构造函数，但是，你要使用它像已经通过函数构造一个对象的实例。您的contactViewModel公开了一组您正在绑定到contactsTemplate模板的联系人。出于这个原因，此模板中所有绑定的“上下文”都是数组中的对象实例。绑定到父对象上的功能，即contactViewModel，使用基因敲除2.0父伪变量：

data-bind="click: $parent.test"