如何嵌套數據綁定文本

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/