我有一个从 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>
最佳答案
似乎在工作:http://jsfiddle.net/tpLVC/2/ .
您是否在控制台中收到任何错误?在 fiddle 的 html 中,请注意 with 绑定(bind)是 with: a
。如果您的顶级 viewModel 具有 a 属性,那么您应该像这样使用它。
如果您有一个带有 vm
属性的顶级 viewModel,只有这样 with: vm.a
才能工作。
关于javascript - 使用 Knockout JS 将 JS 对象绑定(bind)到 HTML 数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20084502/