剔除无容器的“带有”绑定不起作用

Question

This containerless with binding doesn't set the bindingContext as I would expect; it's still set to the containing parent of 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 -->

This containerful method works fine though.

<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>

Anyone know what's up with that? Google didn't give any results.

Answer 1

The problem is with Durandal, not Knockout, as this answer explains: containerless statements of knockoutjs is not working in hottowel SPA?

In short, Durandal allows only one root element per view.

goodView.html

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

badView.html

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

Thanks @nemesv