如何定义与 Backbone 一起使用的玉模板答案

【问题标题】：How to define jade template for using with Backbone如何定义与 Backbone 一起使用的玉模板
【发布时间】：2012-09-27 21:07:35
【问题描述】：

我需要使用模板来渲染每个ItemView：

var ItemView = Backbone.View.extend({
    className: 'item',
    template: _.template($('#itemTemplate').html()),

    initialize: function () {

    }
});

所以我首先需要定义html模板：

<script id="itemTemplate" type="text/template">
  <img src="<%= photo %>" alt="<%= name %>" />
  <h1><%= name %><span><%= type %></span></h1>
  <div><%= address %></div>
  <dl>
    <dt>Tel:</dt><dd><%= tel %></dd>
    <dt>Email:</dt><dd><a href="mailto:<%= email %>"><%= email %></a></dd>
  </dl>

但我使用 Nodejs Jade 模板引擎，但我不明白我在其中如何定义。请帮忙。

【问题讨论】：

标签： node.js backbone.js express pug

【解决方案1】：

这很简单，但有一个问题：您不希望 Jade 转义属性内容，因此请使用 foo!='<%= bar &%>' 而不仅仅是 foo='<%= bar &%>'。

我们开始吧：

script#itemTemplate(type='text/template')
  img(src!='<%= photo %>', alt!='<%= name %>')
  h1 <%= name %>
    span <%= type %>
  div <%= address %>
  dl
    dt Tel:
    dd <%= tel %>
    dt Email:
    dd
      a(href!='mailto:<%= email %>') <%= email %>

它已经过测试，所以你可以立即使用它:)

【讨论】：

如果 !='' 中的文本包含 ' 和 "?