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

這是一個有效的例子