嵌套如果foreach中的块不按预期方式呈现

Question

具有以下模板，但它不按预期呈现。有些东西与淘汰赛的控制流。 名称属性应该在div之间，如果声明但是它没有声明到两个之间。我错过了什么？

<!-- ko foreach: userAddresses --> 
    <div data-bind="text: name"></div> // this prints correctly 
    <!-- ko if: shouldStartNewRow($index) --> 
    <div class="row"> 
    <!-- /ko --> 
     <div class="col-xs-4 text-left"><div data-bind="text: name"></div></div> // nothing prints here 
    <!-- ko if: shouldStartNewRow($index) --> 
    </div> 
    <!-- /ko --> 
<!-- /ko --> 

这将产生：

<div>Joe blow</div> 
<div class="row"> 
    <div class="col-xs-4 text-left"><div> </div></div> // missing Joe blow here. it does produce a single space 
</div> 

---

更新：
创建一个fiddle显示的问题。看起来，如果不能在一个条件块中整齐关闭所有的HTML，这会导致淘汰赛失控。

Answer 1

只是尝试

<div data-bind="text: $data.name"></div> 

此外我认为你不能有一个注释内未关闭的元素，如果块

所以应该比较像：

<!-- ko foreach: userAddresses --> 
    <div data-bind="text: name"></div> 
    <!-- ko if: shouldStartNewRow($index) --> 
    <div class="row"> 
     <div class="col-xs-4 text-left"><div data-bind="text: name"></div></div> 
    </div> 
    <!-- ko ifnot: shouldStartNewRow($index) --> 
     <div class="col-xs-4 text-left"><div data-bind="text: name"></div></div> 
    <!-- /ko --> 
<!-- /ko -->