knockout.js - 在 knockout.js 组件模板中访问 $root 绑定(bind)上下文

Question

访问 KO 组件模板中的 $root 绑定(bind)上下文将返回页面的 View 模型而不是组件的 View 模型。为什么会这样？如何在不使用 $parent 的情况下从嵌套绑定(bind)上下文中访问组件的 View 模型？

以下示例片段输出“test2”。

HTML:

<my-component></my-component>

JS:

ko.components.register("my-component", {
    template: "<div data-bind='text: $root.test'></div>",
    viewModel: function(params) { this.test = "test1" }
});

ko.applyBindings({ test: "test2" });

Answer 1

目前您不能将 $root 绑定(bind)上下文用作组件上下文，但 $parent 和 $parents[] 正在按预期工作，请参阅 documentation .在 3.3 版本中，页面将有与 $root 相同的 $component 绑定(bind)上下文，并且已经完成 github .