防止knockout替换嵌套元素

Question

在锚标记绑定发生后，有没有办法阻止span标记中的内容被替换？

<ul data-bind:"foreach: items">
<li>
<a data-bind="text: name"><span data-bind="text: items().length()"></span></a>
</li>
</ul>

Answer 1

这里是JSFiddle，我建议这样做或将名字放在另一个span

<ul data-bind="foreach: items">
    <li>
        <a><!--ko text: name--><!--/ko--> <span data-bind="text: items.length"></span></a>
    </li>
</ul>

Answer 2

您也可以

<ul data-bind:"foreach: items">
<li>
<a><span data-bind="text: name"></span> <span data-bind="text: $parent.items().length()"></span></a>
</li>
</ul>

或

<ul data-bind:"foreach: items">
<li>
<a data-bind="text: name() + ' ' + $parent.items().length()"></a>
</li>
</ul>