node.js - 在引号中渲染主干模板变量

Question

您好，我正在使用 Backbone 将 Jade 模板呈现为 HTML。 View 如下所示:

script(type="text/template",id="waiting_call_template") 
    div(class="call-code") <%= channelId %>
    div(style="display: inline-block; vertical-align: top; margin-right: 20px; width: 130px;")
      div(class="statistic", title='<%= fullPage %>') <%= page %>

渲染时，HTML 输出如下所示:

<div title="&lt;%= fullPage%&gt;" class="statistic">test.html</div>

这是因为 fullPage 变量在引号中。如何让 Backbone 识别 fullPage 是一个变量，即使它在引号中？

Answer 1

如果您使用此脚本将标记更改为 {{- varName }}，它会起作用:

_.templateSettings.escape = /\{\{-(.*?)\}\}/g

在您的情况下，您必须将模板更改为:

script(type="text/template",id="waiting_call_template") 
    div(class="call-code") {{- channelId }}
    div(style="display: inline-block; vertical-align: top; margin-right: 20px; width: 130px;")
      div(class="statistic", title='{{- fullPage }}') {{- page }}

来源:Underscore templating - changing token markers