javascript - 如何在下划线模板中存储 JSON 数据？

Question

我想在下划线模板中存储一个 JSON 对象或字符串。

<script id="report_field_template" type="text/template">
    <div data-options="<%= options %>" role="<%- role %>" title="<%- title %>" class="ui-widget-content ui-corner-all report_field">
        <p><%- field_text %></p>
    </div>
</script>

如果我将“选项”作为 JSON 字符串或 JSON 对象传递，上述方法将不起作用。有任何想法吗？

Answer 1

诀窍是在处理包含 JSON 数据的 html5 数据属性时使用单引号：

<script id="report_field_template" type="text/template">
    <div data-options='<%= options %>' role="<%- role %>" title="<%- title %>" class="ui-widget-content ui-corner-all report_field">
        <p><%- field_text %></p>
    </div>
</script>

注意用来保存数据选项值的单引号而不是双引号。

Answer 2

你可能会尝试通过

{options: JSON.stringify(options)} 

到模板 :) 之后，您需要在阅读时将其解析回来。