带有附加 HTML 的 KnockoutJs Anchor 标签绑定答案

【问题标题】：KnockoutJs Anchor tag binding with additional HTML带有附加 HTML 的 KnockoutJs Anchor 标签绑定
【发布时间】：2017-11-29 16:36:11
【问题描述】：

在 HTML 中我有以下内容

 <a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false">My Company<b class="caret"></b></a>

生成一个链接，末尾带有一个插入符号。

使用knockoutJS，用这个，

<a href="#" class="dropdown-toggle" data-toggle="dropdown" data-bind="attr: { title: someTextBinding }, text: someTextBinding"><b class="caret"></b></a>

如何让克拉保持在屏幕上？我尝试使用计算，但插入符号作为文本发送？

【问题讨论】：

那不是纯 html。你在用什么图书馆？我猜是引导程序？
@Jason 是的，对不起，我应该提到这一点。引导

标签： knockout.js knockout-2.0

【解决方案1】：

像这样使用containerless syntax for text binding：

<a href="#" class="dropdown-toggle" data-toggle="dropdown" data-bind="attr: { title: someTextBinding }">
  <!--ko text: someTextBinding-->
  <!--/ko-->
  <b class="caret"></b>
</a>

 和 cmets 充当开始/结束标记，定义了包含内部标记的“虚拟元素”。 Knockout 理解这种虚拟元素语法并像拥有真正的容器元素一样进行绑定。

【讨论】：

我发现这个可以工作但是我更喜欢你的解决方案。谢谢
是的。像冠军一样工作。