javascript - 将 Moustache/Handlebars 模板与 HAML 混合使用是个好主意吗？

Question

我想知道将 Mustache 或 Handlebars 模板与 HAML 混合使用是否是个好主意。如果是的话，有什么好处和坏处。我为什么要问这个？我见过 brogrammers 混合模板。谢谢。

Answer 1

我使用 HAML 生成 mustache 模板没有任何问题。

我的 HAML 看起来像这样:

.template.shop
  .foreground
    .header
      .header-logo
    .shop-description
      .table-frame
        %a.close-button{:href=>"#"} Close
        %table
          %tr
            %td.shop-images
            %td.shop-details
              %p.popup-headline.fix-width
                {{addr_name}}
              %p
                {{addr_street}} {{addr_number}}
                %br/
                {{addr_zip}} {{addr_city}}
              / {{#hasSchedule}}
              %p.popup-headline
                \Öffnungszeiten
              %table.shop-schedule
                / {{#sched_mo}}
                %tr
                  %td Mo:
                  %td {{sched_mo}}
                / {{/sched_mo}}

                ... Rest of Table omitted

这就像一个魅力。它在服务器上呈现为 HTML，我在客户端使用 jQuery 从页面中提取它。然后我获取模板的 HTML 并使用 mustache 呈现它。

因此，您有时需要注意 mustache 标 checkout 现的位置。对于浏览器，它们只是文本，因此它们在表格行之间无效。在这种情况下，将它们放在 HTML 注释中，就像在我的示例中一样。

您还可以在服务器上转义生成的 HTML/Mustache。这在我的案例中是不可行的，因为我希望将生成的模板部分作为我的 HTML 的一部分，以便更轻松地设置样式。