data-bind =“click”不使用嵌套的knockout视图模型

Question

我有一个淘汰视图模型，它被设置为一个可观察的主视图模型。 在子元素中，似乎我无法设置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 observable正常运行），按钮包含在<div data-bind="with: childElement"

编辑： 这是一个小提琴

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');
    }
}

这是一个有效的例子