如何解决淘汰赛中的html绑定问题？

Question

举个例子

第一个场景

var s = "Hello <span>World</span>" 
<span  data-bind="html: s" />

在 html 绑定之后，结果会在 UI 中正确显示为“Hello World”的值。

第二个场景

var s = "<DBD>hello <span>World</span>"
<span  data-bind="html: s" />

绑定后，结果会在 UI 中带有值“Hello World”。但我在 UI 中想要的结果是"<DBD>Hello World"。

我只需要 html 的 span 标签绑定 "<>" 内的其他虚拟文本，不需要绑定它。简单的文本需要在 UI 上显示。

Answer 1

在这一行：

var s = "<DBD>hello <span>World</span>"

...s 不是有效的 HTML。如果您希望文字文本 <DBD> 出现，则必须对其进行 HTML 编码：

var s = "&lt;DBD&gt;hello <span>World</span>"