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只有文本，而不是带有绑定数字的文本+ span。

我该怎么做？

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/

Knockoutjs绑定到复杂的html对象

1 个答案: