javascript - Knockoutjs 绑定到复杂的 html 对象

Question

我有一个引导下拉菜单，项目中有徽章。我认为这不是那么复杂，但我不能这样做：

<ul class="dropdown-menu" role="menu" data-bind="foreach: events">
    <li><a href="#" data-bind="text: $data.name"><span class=" badge pull-right" data-bind="text: $data.value">NUMBER FROM MODEL TOO</span></a></li>
</ul>

我的问题是，绑定正在生成 li 项目，但是 li 的 innerHtml 只有文本，而不是带有绑定数字的文本 + 跨度。

我怎样才能做到这一点？

Answer 1

如果在 a 标签上使用文本绑定，它的全部内容将被 $data.name 替换。要同时显示值和名称，您可以执行以下操作：

<ul class="dropdown-menu" role="menu" data-bind="foreach: events">
    <li><a href="#"><span data-bind="text: $data.name"></span><span class=" badge pull-right" data-bind="text: $data.value">NUMBER FROM MODEL TOO</span></a></li>
</ul>

小提琴：http: //jsfiddle.net/JUEth/2/