带下划线模板变量的 Haml 插值

Question

我试图在我的 haml 模板中输出一个下划线模板变量，但我没有任何运气。

HTML 没有被转义，所以我似乎无法弄清楚为什么下划线变量没有呈现。

HAML - 完整模板

%script{:type => "text/template", :id => "user_list_template"}
  %h4 Users
  #test
  %table.table.table-bordered
    %thead
      %tr
        %th #
        %th Name
        %th Nickname
        %th
          %tbody
          {{ _.each( users, function(user) { }}
            %tr
              %td {{= user.get('id') }}
              %td {{= user.get('name') }}
              %td {{= user.get('nickname') }}
              %td 
                %a.btn{:href => "{{= user.get('nickname') }}"}
                  View User
          {{ }); }}

来源

<tr>
  <td>9</td>
  <td>TacoHell</td>
  <td>TacoHelll</td>
  <td>
    <a class="btn" href="<%= user.get('nickname') %>">
      View User
    </a>
  </td>
</tr>

模板的控制台日志

<h4>Users</h4>
<div id='test'></div>
<table class='table table-bordered'>
  <thead>
    <tr>
      <th>#</th>
      <th>Name</th>
      <th>Nickname</th>
      <th></th>
    </tr>
  </thead>
  <tbody>
  {{ _.each( users, function(user) { }}
    <tr>
      <td>{{= user.get('id') }}</td>
      <td>{{= user.get('name') }}</td>
      <td>{{= user.get('nickname') }}</td>
      <td>
        <a class='btn' href="{{= user.get('nickname') }}">
          View User
        </a>
      </td>
    </tr>
  {{ }); }}
  </tbody>
</table>

我已经阅读了之前提出的问题，但无法让它发挥作用。有什么想法吗？

• Interpolating underscore.js template with HAML
• Rendering “<%%=” with HAML
• Interpolate inside html attributes with Underscore.js

编辑 1 添加完整模板

编辑 2 模板的console.log

Answer 1

这与其说是一种解决方案，不如说是一种变通方法，但一种替代方法是为您的下划线模板使用不同的语法（不涉及< 和> 的语法）。如果你看：

http://documentcloud.github.com/underscore/#template

您会发现它们提供了替代 Django/Mustache 样式模板语法的示例：

如果您不喜欢 ERB 样式的分隔符，您可以更改 Underscore的模板设置使用不同的符号来衬托 插值代码。定义插值正则表达式以匹配表达式 应该逐字插入，一个要匹配的转义正则表达式 应在 HTML 转义后插入的表达式，以及 评估正则表达式以匹配应该在没有的情况下评估的表达式 插入结果字符串。您可以定义或省略任何 三者的结合。例如，执行 Mustache.js 样式 模板：

_.templateSettings = {
  interpolate : /\{\{(.+?)\}\}/g
};

var template = _.template("Hello {{ name }}!");
template({name : "Mustache"});
=> "Hello Mustache!"

当然，如果您正在考虑寻找更强大的模板系统，那么放弃_.template 并改用 Mustache、Handlebars 或类似的模板系统肯定不会有什么坏处。但如果您对 Underscore 感到满意，_.templateSettings.interpolate 将允许您在不使用 < 或 > 的情况下使用它。