Question

使用普通视图模型，我可以在初始化之后调用函数，如下所示：

var ViewModel = function () {
    this.Foo = function () {
        alert("bar");
    };
};

var vm = new ViewModel();
ko.applyBindings(vm);

vm.Foo();

http://jsfiddle.net/h01ky3pv/

如何使用组件的视图模型执行此类操作？我想在首次加载foo组件时调用FooComponentViewModel的{{1}}函数。

Foo

http://jsfiddle.net/r3d41q6c/2/

Answer 1

只是一个想法，将回调作为组件的参数传递：

<强> HTML：

<foo params="callback: callback"></foo>

<强> JS：

function FooComponentViewModel(params) {
    this.Foo = function () {
        alert("bar");
    };

    params.callback(this);
}

function ViewModel() {
    this.callback = function(vm) {
        vm.Foo();
    };
}

http://jsfiddle.net/r3d41q6c/3/

在Knockout中初始化时调用组件功能

1 个答案: