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>

问题是我丢失了元素＆lt;我是=“icon-flip-2”＆gt;

我想保留它并能够在锚标签上绑定一些内容。

感谢。

有什么想法吗？

Answer 1

使用虚拟元素

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

或<span>

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

Answer 2

将文本放在标签内的span内，然后绑定span的text属性。

Answer 3

我很想把你的文字放在一个范围内：

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