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

Question

我有这个结构 Here 用于导航目的。但是，要在结尾添加一个箭头，我必须<i>在 anchor 内添加一个图标标签。

<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的淘汰赛 observable 。现在如何实现这一点？请注意，我无法在此处添加跨度标记，因为单击事件应仅从锚标记触发。所以结构必须是我上面提到的！

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

Answer 1

使用淘汰评论标签：

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