如何使用Jade将ID添加到下划线模板

时间:2014-09-08 18:35:24

标签: javascript underscore.js pug

我有这个下划线模板,我想添加id但由于某种原因我没有得到我想要的结果

 script(type="text/template" id="facts")                                                  
              div.fact.col-md-12(id="fact<%= count %>")
                    div.col-md-8
                      div.col-md-2
                        | Fact  <%= count %>
                      div.col-md-10

给了我

<div id="facts-container" class="col-md-12">
<div id="fact&lt;%= count %&gt;" class="fact col-md-12">
  <div class="col-md-8">
    <div class="col-md-2">
      Fact 1
    </div>

我希望能够添加一个带有附加到id的计数的id,我应该怎么做呢?

1 个答案:

答案 0 :(得分:2)

您可以使用!=来避免转义输出文本。

http://jade-lang.com/reference/code/(非转义缓冲代码)

<强>玉

div.fact.col-md-12(id!="fact#<%= count %>")
  div.col-md-8
    div.col-md-2
      | Fact  <%= count %>
    div.col-md-10

输出HTML

<div id="fact#<%= count %>" class="fact col-md-12">
  <div class="col-md-8">
    <div class="col-md-2">Fact  <%= count %></div>
    <div class="col-md-10"></div>
  </div>
</div>