設置屬性值之外淘汰賽視圖模型定義

Question

我有這樣定義的淘汰賽視圖模型：

function viewModel() { 
    var self = this; 

    self.myName = ko.observable(); 
    self.myValue = ko.observable("10"); 
}; 

現在我需要改變視圖模型的數值時被點擊一個鏈接，像這樣：

$('a.treeitem').live("click", function (e) { 
    e.preventDefault(); 
    viewModel.myValue("20"); // this line does not work 
}); 

但是，我無法找到設置值的正確方法，鍍鉻控制檯顯示以下信息： 遺漏的類型錯誤：對象功能視圖模型（）{...}有沒有方法「myvalue的」

Answer 1

您可以視圖模型保存爲一個像這樣的變量：

window.vm = new viewModel(); 
ko.applyBindings(vm); 

$('a.treeitem').live("click", function (e) { 
    e.preventDefault(); 
    window.vm.myValue("20"); 
}); 

每當你從window.vm閱讀，你會從視圖模型對象

Answer 2

其實，我想做能視圖模型定義中完成，所以我可以在我的代碼改成這樣：

function viewModel() { 
    var self = this; 

    self.myName = ko.observable(); 
    self.myValue = ko.observable("10"); 

    $('a.treeitem').live("click", function (e) { 
     e.preventDefault(); 
     self.myValue("20"); 
    }); 
}; 

現在一切工作正常。有時候，正確的方式真的是是很容易的。