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"