javascript - Lodash _.template 渲染转义字符

Question

我有一些数据已经从“ Controller ”转义了:

<b>

我正在使用 lodash 模板 (_.template)，在呈现时，它仍然是纯文本:

<b>

预期:

<b>

我如何在浏览器不认为它像纯文本而不是元素的情况下呈现这种 html 部分？

Answer 1

调用一个函数来取消转义您转义的 HTML。根据您的情况，您可以选择取消转义您的数据并将结果传递给模板，或者如本代码段所示，在模板中编写函数调用:

var temp = _.template("<%= htmlDecode(name) %>");

function htmlDecode(input) {
  var doc = new DOMParser().parseFromString(input, "text/html");
  return doc.documentElement.textContent;
}

console.log(temp({ name: "&lt;em&gt;Test&lt;/em&gt;" }));

http://jsbin.com/laretumiqa/edit?html,js,console,output

(htmlDecode函数来自这个问题:Unescape HTML entities in Javascript?)