敲门不像另一个里面的html标签吗？

Question

我正在使用淘汰赛3.0建立一个网页.我想要做的就是创建一个带徽章的bootstrap列表,请参阅下面的示例和代码

但是,当我在这样的淘汰模板绑定中这样做时

<script type="text/html" id="document-template">
    <li class="list-group-item" data-bind="text: Caption">
               <span class="badge" data-bind="text:PageCount"></span>
    </li>
</script>

页面看起来像没有跨度

如果我将span标签移动到li标签之外,就像这样

<script type="text/html" id="document-template">
    <li class="list-group-item" data-bind="text: Caption"></li>
    <span class="badge" data-bind="text:PageCount"></span>
</script>

我可以看到我的跨文本 - 肯定它有错误的CSS

我的问题是1)淘汰不是像一个标签内的一个标签吗？或者2)我做错了什么,如果我错了,你能给我一些建议吗？

谢谢

Answer 1

它使用文本绑定覆盖LI元素的内容.只需在LI中放置两个跨度:

<script type="text/html" id="document-template">
    <li class="list-group-item">
               <span class="badge" data-bind="text:Caption"></span>
               <span class="badge" data-bind="text:PageCount"></span>
    </li>
</script>