javascript - Knockout-foreach 嵌套数组-不起作用

Question

我有 observableArray，其元素是数组。我需要通过 foreach 来结束，但我每次只需要显示 observableArray 的最后一个元素，即最后一个数组。例如:我的可观察数组是:

 self.treeLists = [
         [{id:1, name:'tar'}, {id:9, name:'se'}, {id:5, name:'tzav'}],
         [{id:4, name:'sus'}, {id:8, name:'par'}],
         [{id:7, name:'tal'}, {id:6, name:'med'}]
];

所以我只需要显示第三个数组 - [{id:7, name:'tal'}, {id:6, name:'med'}]

这是我的 HTML，但它会导致问题!它读起来就像我试图在 observalbeArray 上显示它的元素......

    <div data-bind="if: treeLists().length>1">
                    <div data-bind="foreach: treeLists()[treeLists().length-1]">
                        <div class="col-md-2">
                            <div class="organizationTreeItem">
                                <img class="floutR" data-bind="attr: {src: $parent.global.imagesManager.plusblue}, click:$parent.itemClickPathMode" />
                                <span data-bind="text:$data.name"></span>
                            </div>
                        </div>
                    </div>
                </div>

错误消息是:

http://localhost/myProj/Scripts/knockout-2.3.0.debug.js 中第 1981 行、第 17 列出现未处理的异常0x800a1391 - JavaScript 运行时错误:“OrgName”未定义

大家可以看看我调试时的情况，看图:

Answer 1

$data 包含最后一个数组的对象，例如:{id:7, name:'tal'}

在 HTML 中，您绑定(bind)到 $data.OrgName，但 OrgName 不是绑定(bind)对象的成员，因此它确实是未定义的，就像异常提到的那样。您的意思是绑定(bind)到“name”吗？

<span data-bind="text:name"></span>

此外，treeLists 还不是一个 observableArray。看看下面的fiddle .