如何嵌套数据绑定文本

Question

真正简单的要求，我想在打印产品（）的<h4>和价格（）中存在一个<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绑定取代了绑定标签的所有内容，所以小写字母被有效覆盖。你可以得到你想要使用虚拟KO标签的效果，但：

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

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