如何嵌套数据绑定文本

Question

非常简单的请求，我想在sliderVal中打印Product（），在<h4>中打印 <small>

<h4>

结果完全忽略<h4 data-bind="text:Product"> <small data-bind="text:Price"></small> </h4>

<small>

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

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/