javascript - 数据绑定(bind) ="click"不适用于嵌套的挖空 View 模型

Question

我有一个 knockout View 模型，它被设置为一个 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 很好(其他 knockout 可观察对象正常运行)并且按钮包含在 <div data-bind="with: childElement" 中

编辑:here is a fiddle

Answer 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