javascript - 在主干中呈现下划线模板数据时 undefined variable

Question

我正在使用带有下划线模板的 Backbone ，但是我在获取下划线来呈现我传递给模板的数据时遇到了问题。这是我的代码:

define([
  'jquery',
  'underscore',
  'backbone',
  'models/home/HomeModel',
  'text!/app/templates/home/homeTemplate.html'
], function($, _, Backbone,HomeModel,homeTemplate){

  var HomeView = Backbone.View.extend({
    el: $("#page"),

    initialize: function(){
      var self = this;
      self.model = new HomeModel();
    },

    render: function(){
      var homeTitle = this.model.get('title');
      var homeData = {
        title: homeTitle
      }

      var compiledTemplate = _.template( homeTemplate, homeData );
      this.$el.html(compiledTemplate);

    }

  });

  return HomeView;

});

在这段代码中，我可以一直获取 var homeData = {} 对象，其中包括模型中的正确标题，但是当我创建编译模板时，我收到一条错误消息，指出未定义标题。

知道我在这里做错了什么吗？

Answer 1

来自Underscore.js documentation

var compiled = _.template("hello: <%= name %>");

compiled({name: 'moe'});

=> "hello: moe"

看起来您没有正确使用 _.template 方法。它返回一个已编译的模板函数，您可以使用要呈现的数据调用该函数:

var compiledTemplate = _.template( homeTemplate, homeData );
this.$el.html( compiledTemplate( homeData ) );