JS对象与使用Knockout JS的HTML数据绑定

Question

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

如何将JS对象绑定到html？

示例：ViewModel：

  vm: {
    a: ko.observable()
  }

JS（模型）：

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

JS（绑定逻辑）：

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/ 。

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

如果您具有带vm属性的顶级viewModel，则只有这样with: vm.a工作。