data-bind="click" 不适用于嵌套剔除视图模型答案

【问题标题】：data-bind="click" not working with nested knockout view modeldata-bind="click" 不适用于嵌套剔除视图模型
【发布时间】：2015-10-21 20:07:51
【问题描述】：

我有一个淘汰视图模型，它被设置为我的主视图模型的 observable。在子元素中，似乎无法像在父元素中那样设置data-bind="click:。

我的html：

 <button id="myButton" type="button" class="btn btn-lg btn-primary" data-bind="click: test">Click Me</button>

在我的主视图模型中：

 self.childElement = ko.observable(new childElementVm());

在childElementVm

var childElementVm= function () {
    var test = function(){
        alert('this is a test');
    }
}

在此处使用data-bind="click: test" 我需要做些什么不同的事情？需要注意的是，我的 applyBindings 很好（其他敲除 observables 运行正常）并且按钮包含在 <div data-bind="with: childElement"

【问题讨论】：

【解决方案1】：

您的test 函数的范围仅限于childElementVm。将您的实现更改为：

var childElementVm= function () {
    this.test = function(){
        alert('this is a test');
    }
}

或者这个：

var childElementVm= function () {
    var self = this;
    self.test = function(){
        alert('this is a test');
    }
}

这是一个有效的example

【讨论】：