knockout.js - アンカー タグのノックアウト バインディング

Question

次のように、アイコンが内側にあるアンカータグがあります。

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

こんにちはテキストをバインドされた要素に置き換えたいと思います。何かのようなもの：

<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>

または<span>

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

Answer 2

a タグ内のスパン内にテキストを配置し、代わりにスパンのテキスト プロパティをバインドします。

Answer 3

あなたのテキストをスパンに入れたくなるでしょう：

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