在主干中渲染下划线模板数据时未定义的变量

Question

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

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 = {} 对象，其中包括来自模型的正确标题，但是当我创建compiledTemplate 时，我收到一个错误，提示标题未定义。

有什么想法我在这里做错了吗？

Answer 1

来自Underscore.js documentation

var compiled = _.template("hello: ");

编译({name: 'moe'});

=>“你好：萌”

您似乎没有正确使用_.template 方法。它返回一个编译后的模板函数，您可以调用它来渲染数据：

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