Backbone.js Jade 和循环模型

Question

我对使用带有玉/下划线的主干进行模板有点困惑。

我有一个主干模型，其中有几个数组，但不知道如何渲染数组属性。我可以将它们移动到一个单独的主干集合中但在这种情况下这似乎有点矫枉过正。

我按照这篇关于将backbone与jade一起使用的博客文章添加了以下内容到我的主干文件

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

，它允许我在这个庄园中渲染模型属性：

      //in my JavaScript
      this.template = _.template($("#some-template").html());

      //in my .jade template
      input.text(type='text', name="name", value='{{name}}')

我想要解决的是如何对模型中的数组之一进行简单的循环。例如

    - for (var child in children)
        {{child}}

，但我对正确的语法感到非常困惑，其中玉开始并下划线接管等。谢谢。

Answer 1

你不能在浏览器中使用jade（从技术上来说你可能可以，但与下划线相反，与主干一起使用并不常见）。您将在那里使用下划线模板。 _.template 上的文档表明您可以评估 javascript 并使用 _.each 方法来循环模型的数组属性。

它最终会在视图的 render 函数中看起来像这样。为了提高效率，您需要将模板函数缓存为视图的属性，但为了简单起见，我将其内联在这里。例如，假设您有一个 Car 模型，其中包含一个 drivers 列表作为驱动程序名称数组。

var template = "<% _.each(model.drivers, function(name) { %> <li><%= name %></li> <% }); %>";
return _.template(template, this);

请注意，您需要在模板设置中提供 evaluate 语法，因为此示例同时包含插值样式 (<%=) 和评估样式 (<%) 模板标记。目前，您只有胡须样式插值，但这还不够。