使用$ data将html元素添加到knockout中的数据绑定中

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来自淘汰赛观察点。现在该怎么做呢？请注意，我无法在此处添加span标记，因为click事件应仅从锚标记触发。所以结构必须是我上面提到的！

任何想法如何实现这一目标？

Answer 1

使用淘汰评论标签：

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