как решить проблему привязки html в нокауте?

Question

Давайте возьмем пример

Первый сценарий

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

после html привязки результат приходит правильно со значением «Hello World» в пользовательском интерфейсе.

Второй сценарий

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

После привязки результат приходит со значением «Hello World» в пользовательском интерфейсе. Но результат, который я хочу в пользовательском интерфейсе, - "<DBD>Hello World".

Мне нужен только тег span для html привязки другого фиктивного текста внутри "<>" нет необходимости связывать его. Простой текст должен отображаться в пользовательском интерфейсе.

Answer 1

В этой строке:

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

... s недопустимо HTML. Если вы хотите, чтобы появился буквальный текст <DBD>, вы должны HTML -кодировать его:

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