javascript - 使用 Knockout JS 将 JS 对象绑定(bind)到 HTML 数据

Question

我有一个从 XML 构造的 JS 对象。

如何将该 JS 对象绑定(bind)到 html？

例子: View 模型:

  vm: {
    a: ko.observable()
  }

JS(模型):

aObj : {
  item1: [ { n: 'a1', v: 'v1'}, { n:'a2', v:'v2' } ],
  item2: [ ]
}

JS(绑定(bind)逻辑):

vm.a(aObj);

HTML:

<div data-bind="with: vm.a">
  <div data-bind="foreach: item1">
     <div data-bind="text: n"></div>
  </div>
</div>

我无法遍历 item1 的数组元素

我做错了什么？我只得到以下计算的 DOM:

<div data-bind="with: vm.a">
  <div data-bind="foreach: item1">
  </div>
</div>

Answer 1

似乎在工作:http://jsfiddle.net/tpLVC/2/ .

您是否在控制台中收到任何错误？在 fiddle 的 html 中，请注意 with 绑定(bind)是 with: a 。如果您的顶级 viewModel 具有 a 属性，那么您应该像这样使用它。

如果您有一个带有 vm 属性的顶级 viewModel，只有这样 with: vm.a 才能工作。