javascript - 如何嵌套数据绑定(bind)文本

Question

非常简单的请求，我想在 <h4> 中打印 Product()和 Price() 在 <small> 中存在于内 <h4>

<h4 data-bind="text:Product">
    <small data-bind="text:Price"></small>
</h4>

结果忽略<small>完全

<h4 data-bind="html:Product() + '<small>' + Price() + '</small>'"></h4>

有效，但似乎应该有更好的方法

https://jsfiddle.net/64wfpgn8/2/

有什么想法吗？

Answer 1

text 绑定(bind)替换了绑定(bind)标签的所有内容，因此 small 被有效地覆盖了。不过，您可以使用虚拟 ko 标签获得所需的效果:

<h4><!-- ko text:Product --><!-- /ko --><small data-bind="text:Price"></small></h4>

https://jsfiddle.net/64wfpgn8/3/