javascript - Javascript 的小胡子渲染问题

Question

我刚刚开始使用 Mustache，我遇到了这个渲染问题。我通过渲染函数发送数据：

return Mustache.render(html, data);

或者

return Mustache.to_html(html, data);

但是当我将它附加到一个像这样的 div 时：

$('#jqt').append(html);

它以实际文本形式返回如下结果：

<div id="product_search_view">&lt;form class="search-form" &gt;&lt;ul class="rounded"&gt;&lt;li&gt;&lt;input type="text" id="label" name="search" placeholder="Enter what you are looking for"&gt;&lt;/li&gt;&lt;/ul&gt;&lt;a href="#" class="whiteButton submit" id="search-button" &gt;Search&lt;/a&gt;&lt;/form&gt;&lt;ul id="search-results" class="edgetoedge"&gt;&lt;/ul&gt;</div>

我怎样才能让小胡子不放那些字符？

Answer 1

好像您将已解析的 HTML 传递给 Mustache。

这是解决转义字符和使用“三重胡须”的文档的一部分。

另外，这是另一个文档。阅读标签类型部分并使用&防止转义。

Answer 2

上次我也遇到了这个奇怪的问题，我从某个地方得到了这个 hacky 解决方案

var temp = Mustache.to_html(template, data_sources );

var correct_temp = $('<textarea />').html(temp).val();

$('#my_el').html(correct_temp);

不知道这是不是一个好习惯。