如何将KnockoutJS与HTML标记结合起来-特别是引导

我已经使用Bootstrap有一段时间了，我很喜欢它。节省了我很多时间。我刚从KnockoutJS开始，碰巧的是，我必须在一个相当细粒度的层次上将两者结合起来。我的淘汰对象正在填充结果表。当我只需要值（比如名称）时，它工作得很好。然而，我想在我的链接前面放一个图标（为你引导的人准备的图标铅笔），这样它就可以作为一个可以编辑的东西突出出来。我正在使用ASP.Net（不是MVC），但我怀疑这不是问题

下面是一些有效的代码（但没有图标）：

但是，我想在“GeneratorName”前面添加以下代码，以获得铅笔图标。我需要它位于text属性内，因此它是LinkButton的一部分：

<i class='icon-pencil'></i>

将它们组合到绑定数据中（如下所示）会引发解析错误：

<asp:LinkButton ID="lbtEditGenerator" runat="server" data-bind="text: <i class='icon-pencil'></i> GeneratorName, click: function() { EditGeneratorClick(GeneratorID) }"></asp:LinkButton>

---

除了在“我的对象”上创建一个结合了这两个值的新属性外，还有什么方法可以通过敲除绑定实现这一点吗？

您是否尝试过以下方法：

<asp:LinkButton ID="lbtEditGenerator" runat="server" click: function() { EditGeneratorClick(GeneratorID) }">
    <i class='icon-pencil'></i>
    <span data-bind="text: GeneratorName"></span>
</asp:LinkButton>

---

生成的HTML标记需要是什么样子？这正是我最后要做的。：）
<asp:LinkButton ID="lbtEditGenerator" runat="server" click: function() { EditGeneratorClick(GeneratorID) }">
    <i class='icon-pencil'></i>
    <span data-bind="text: GeneratorName"></span>
</asp:LinkButton>