Knockout文本数据绑定删除了我的Markup的一部分

Question

我在跨度上遇到关于Knockout JS数据绑定的小问题。我想在百分比符号旁边绑定一个数字。我最初的HTML标记就是这个：

<span>10</span><span>%</span>

然后，我尝试使用以下表达式使数字变得动态（我忘记了JS因为它的工作正常而且我不认为这对我的案例是必要的）：

<span data-bind="text: cartTotalPrice" /><span>%</span>

神奇地说，包含％符号的那个消失了，只显示绑定的数字。但是如果我执行以下操作，则会正确显示数字和符号：

<span data-bind="text: cartTotalPrice() + '%'" />

为什么会这样？这是正常的吗？

感谢。

Answer 1

我认为问题在于您没有关闭span标记。使用明确的结束</span>。

<span data-bind="text: cartTotalPrice"></span><span>%</span>