javascript - knockout js的optionsText绑定(bind)中编码的HTML

Question

我正在尝试使用选项绑定(bind)在 knockout js 中创建一个带有 html 编码选项的下拉列表。

我如何解码从绑定(bind)到 optionsText 绑定(bind)的函数返回的文本。

<select data-bind="options: items, optionsText: function(item){ return "decoded text"}"></select>

一般来说，我需要一个函数来获取经过编码的 html 字符串并返回经过解码的文本。

即该函数需要类似

blah blah balh <sup>TM</sup>

并返回

blah blah blah ™

Answer 1

这是不可能的。一个option tag不允许有其他标签作为内容，只能有“Normal character data”。这确实意味着您可以使用实体，例如™ 或 ™(呈现为“™”)，这应该适用于您的特定示例。

为了完整起见，对于 Knockout 部分，如果您想要尝试您想要的东西，您有两个选择:

• 利用 foreach 绑定(bind)并使用 html 绑定(bind)内容创建您自己的 option 元素(相对于 text绑定(bind)内容)
• 利用 optionsAfterRender 绑定(bind)来调整呈现的选项元素(感谢@CaseyWebb 在评论中注意到这个选项)