Mustache/Handlebars TemplatingとHAMLを混在させるのは良い考えですか？

Question

MustacheまたはHandlebarsテンプレートとHAMLを混在させることをお勧めします。はいの場合は、どのようなメリットとデメリットになりますか。なぜ私はこれを求めているのですか？私はテンプレートを混合しているブログラマーを見ました。ありがとう。

Answer 1

私は問題なくHAMLでひげそりテンプレートを生成しています。

私の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 

これは魔法のように動作します。クライアント上でjQueryを使用してページから抽出した、サーバー上でHTMLとしてレンダリングされます。私はテンプレートのHTMLを取り、口ひげを使ってレンダリングします。

このため、時々、口ひげタグが発生するには、に注意する必要があります。ブラウザの場合、それらは単なるテキストなので、たとえばテーブル行間では無効です。この場合、私の例のようにHTMLコメントに入れてください。

また、生成されたHTML/Mustacheをサーバー上でエスケープすることもできます。私はのに、簡単なスタイリングのためにHTMLの生成されたテンプレート部分を持たせたいと思っていたので、私の場合は実行できませんでした。