javascript - 在 Knockout View 模型定义之外设置属性值

Question

我有一个这样定义的 Knockout View 模型:

function viewModel () {
    var self = this;

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

现在我需要在单击链接时更改 View 模型的值，如下所示:

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

但是，我找不到设置该值的正确方法，Chrome 控制台显示以下消息:未捕获类型错误:对象函数 viewModel() { ... } 没有方法“myValue”

Answer 1

您可以像这样将 View 模型保存为变量:

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

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

无论何时您从 window.vm 中读取数据，您都会从 viewModel 对象的实际实例中读取数据