1

作为参考,这是我的问题的jsfiddle。

问题概述:

我在 UI 中有两个并排的列表,但第二个列表实际上是第一个列表中所选项目上的项目数组。所以数据结构是这样的...

var VM = {
  listOfStuff: [
    {
      subItems: [{},{}]
    },
    {
      subItems: [{},{},{}]
    }
  ]
}

用户界面看起来像......

<ul id="list-of-stuff">
  <li></li>
</ul>
<ul id="list-of-subitems-on-list-of-stuff">
  <li></li>
</ul>

问题是我在'list-of-stuff'上使用了一个淘汰赛foreach绑定,它工作得很好,但子项目列表永远不会出现。没有绑定错误或任何其他明显的问题,所以我不确定我做错了什么......

4

1 回答 1

1

通常最容易使用with绑定来管理对子对象的访问。 这是一个工作小提琴

<h1>SubItem List</h1>
<!-- ko with: currentStuff -->
    <ul id="subitem-list" data-bind="foreach: subItems">
        <li data-bind="text:number"></li>
    </ul>
<!-- /ko -->

初始化很重要currentStuff;如果绑定值为 null 或未定义,with则绑定不会呈现任何 html。

于 2013-09-12T13:40:18.670 回答