knockout.js - html要素をデータに追加-$dataを使用したノックアウトでバインド

Question

私はナビゲーションの目的でここにこの構造を持っています。ただし、終了する矢印を追加するには、<i>アンカー内にアイコンタグを追加する必要があります。

<ul class="nav nav-list bs-docs-sidenav affix" data-bind="foreach:Folders">
                <li data-bind="css:{active: $data == chosenFolderId() }">
                <a href="#" data-bind="text: $data , click:goToFolder"></a></li>                   
            </ul>

今私が欲しいのは、このようなものでアンカータグを生成することです

<a href="#">Inbox<i class="icon-chevron-right"></i> Button groups</a>

観察可能なノックアウトからどこにInbox来るのか。さて、これを達成する方法は？ここにスパンタグを追加することはできません。クリックイベントはアンカータグからのみ発生する必要があるためです。したがって、構造は私が上で述べたものでなければなりません！

これを達成する方法についてのアイデアはありますか？

Answer 1

ノックアウトコメントタグを使用する：

<!-- ko text: $data --><!-- /ko -->