javascript - Knockout JS - 多维 observableArrays 和显示子数组数据

Question

我现在快要发疯了，我认为这很简单，但是，一定有我遗漏的东西......

我在 ko.observableArray 中有一个多维数组，其中是这样的:

站点 -> 公司 -> 职位

对于我的数据绑定(bind)，data-bind="text: Site().Name" 没问题，如您所料。但是，我无法通过 data-bind="text: Site().Company().Name" 或 data-bind="text: Site() .公司名称”。

有没有其他人遇到同样的问题，或者我做错了什么？正如我在控制台中看到的那样，对象已 100% 正确加载到数组中。

Answer 1

如果我正确理解您的问题，并且 Site 包含 Company 对象的 observableArray，并且每个 Company 对象包含 的 observableArray Job 对象，那么你的方法将不起作用。

data-bind="text: Site().Company().Name" 试图获取恰好包含 的 observableArray 的 Name 属性>公司 对象。但是，您可以编写 data-bind="text: Site().Company()[0].Name" 来获取第一个 Company 的名称。

一种更常见的方法是遍历项目。像这样的东西:

<!-- ko with: Site -->
Site name is <span data-bind="text: Name"/>
<ul>
  <!-- ko foreach: Company -->
    <li>Company name is <span data-bind="text: Name"/>
      <!-- ko foreach: Job -->
        <li>Job name is <span data-bind="text: Name"/>
        </li>
      <!-- /ko -->
    </li>
  <!-- /ko -->
</ul>
<!-- /ko -->

参见 http://knockoutjs.com/documentation/foreach-binding.html了解更多详情。

希望这就是您要找的内容，如果我误解了您的问题，我们深表歉意。