KnockoutJS-如何对在选项扩展内创建的可观察数据进行数据绑定

Question

我在“ extend”中扩展了一个名为“ obsRandom”的可观察对象，它看起来像这样：

var options = {
       extend: {
          "{root}": function (self) {
             self.obsRandom = ko.observable(true)
........        

我已经阅读了有关http://coderenaissance.github.io/knockout.viewmodel/的文章，该文章解释了viewmodel插件，但是我仍然想不出一种将创建的可观察对象进行数据绑定的方法。

我们如何做数据绑定我们的html元素

输入type =“ radio” data-bind =“ checked：???”

这个新的扩展可观察到的？

我试过了data-bind =“ checked：$ root.options.extend.obsRandom”，但不起作用。

Answer 1

我以前没有使用过ko.viewmodel库，而且我没有看到足够的代码来给您确切的答案，但是使用浏览器的调试器应该不难：

1. 从要创建的<input>元素中删除data-bind属性。
2. 向元素添加一个临时id属性： <input id="temp-debug">

3. 打开控制台并输入：

    var debugCtx = ko.contextFor(document.getElementById("temp-debug")); 

4. 探索元素的绑定上下文。 最重要的部分：
   • $root将显示您的root视图模型的样子
   • $data将向您显示元素的viewmodel的样子
   • $parents是一个数组，用于存储$root和$data之间的每个级别

使用控制台，您可以尝试不同的查询并找到正确的数据绑定。 例如：您可以通过查询以下debugCtx.$root.options.extend.obsRandom检查尝试返回的路径： debugCtx.$root.options.extend.obsRandom