如何在knockout中循环遍历嵌套数组

Question

考虑以下对象：

[{
  key: 'value',
  amounts: [{key: 'value}]
}]

这个数组与observableArray相关联，我们称之为foo。

self.foo = ko.observableArray([{
  key: 'value',
  amounts: [{key: 'value}]
}])

然后我们可以这样做：

  <div id="something" data-bind="foreach: foo">
    <div class="somethingElse">
        // How do I get the amounts here?
    </div>
  </div>

那么我如何在元素中获得＆＃34;金额＆＃34;？它会是：

data-bind="foreach: foo.amounts"

对我来说似乎合乎逻辑......

Answer 1

使用foreach绑定时，会重复内部HTML，并且每个部分都绑定到数组中的项目。它被视为一个孩子＆＃34;上下文＆＃34;因此可以直接访问数组项的属性。

由于绑定到内部HTML的对象是

{
  key: 'value',
  amounts: [{key: 'value}]
}

您可以直接使用这些属性

data-bind="foreach: amounts"