javascript - knockout 无容器 'with' 绑定(bind)不起作用

Question

这个无容器 with 绑定(bind)没有像我期望的那样设置 bindingContext；它仍然设置为 ladder 的包含父级。

<!-- ko with:ladder -->
<table>
    //Context here is the $root object, not $root.ladder
    //some foreach binding here
</table>

<a  href="#" data-bind="click: addPages">Add 4 pages</a>
<!-- /ko -->

虽然这种容器化方法工作正常。

<table class="ladder-table" data-bind="with:ladder">
    //the context is correctly set to ladder in this instance
    //some foreach binding here
</table>
<br />
<a  href="#" data-bind="click: ladder.addPages">Add 4 pages</a>

有人知道这是怎么回事吗？ Google 没有给出任何结果。

Answer 1

问题出在 Durandal，而不是 Knockout，正如这个答案所解释的那样: containerless statements of knockoutjs is not working in hottowel SPA?

简而言之，Durandal 只允许每个 View 有一个根元素。

goodView.html

<div>
    <--ko foreach:stuff-->
      //stuff
    <--/ko-->
</div>

坏 View .html

<div>
   <stuff/>
</div>
<--ko foreach:stuff-->  //these elements are stripped out
  //stuff
<--/ko-->

谢谢@nemesv