Question

我试图将.jade视图中的模板链接到我的Backbone模型，它只是没有在我的模板脚本中显示任何内容。

我的.jade视图：

extends ../layout
block content
  .page
    script(type="text/template" id="createRecipeTemplate").
      <div class="ingredients-pane">
        <form id="ingredientForm">
          *[form]*
        </form>
        *[etc.]*
      </div>

  script(src='/js/myBackboneFile.js')

myBackboneFile.js：

var Recipe = Backbone.Model.extend({
    defaults: {*[defaults]*}
});

var Recipes = Backbone.Collection.extend({
    url: '/api/recipes'
})

var recipes = new Recipes();

var RecipeView = Backbone.View.extend({
    model: new Recipe(),
    el: '.page',
    initialize: function() {
        this.template = _.template($('#createRecipeTemplate').html());
    },
    events: {
        *[events]*
    },

    *[functions for my events]*,

    render: function() {
        this.$el.html(this.template(this.model.toJSON()));
        return this;
    }
});

var RecipeView = new RecipeView();

所有内容都联系在一起 - 如果我输入＆＃39; RecipeView＆＃39;进入浏览器控制台，它给了我：

n {cid: "view2", $el: n.fn.init[1], el: div.page}

我尝试了一些关于jade模板语法的变体 - 将管道放在每行的开头，使用脚本标记后面的点（如上所示），并且只是正常缩进（使用两个标准中的模板）每次都是HTML和Jade语法，但没有快乐。

我错过了一些明显的东西吗？

无法在Jade视图中显示Backbone / Underscore模板

0 个答案: