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工作。