Knockout绑定锚标签

Question

我有一个带有图标的锚标记,如下所示:

<a>
    <i class="icon-flip-2"></i>
    hello
</a>

我想用绑定元素替换hello文本.就像是:

<a data-bind="text: myValue">
    <i class="icon-flip-2"></i>
    hello
</a>

问题是我丢失了元素<i class ="icon-flip-2">

我想保留它,并能够绑定锚标签上的东西.

谢谢.

任何的想法？

Answer 1

使用虚拟元素

<a>
    <i class="icon-flip-2"></i>
    <!-- ko text: myValue --><!-- /ko -->
</a>

或者a <span>

<a>
    <i class="icon-flip-2"></i>
    <span data-bind="text: myValue, if: myValue().length > 0"></span>
</a>