锚标记上的敲除绑定答案

【问题标题】：Knockout binding on the anchor tag锚标记上的敲除绑定
【发布时间】：2016-08-20 03:51:54
【问题描述】：

我有一个锚标签，里面有这样的图标：

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

我想用绑定元素替换 hello 文本。比如：

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

问题是我丢失了元素

我想保留它并能够在锚标记上绑定一些东西。

谢谢。

有什么想法吗？

【问题讨论】：

【解决方案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>

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案3】：

我很想把你的文字放在一个跨度中：

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

【讨论】：