Question

I am building an application using the Backbone Boilerplate, and am having some trouble getting underscore template variables to work. I have a resource named Goal. My Goal View’s render function looks like this:

render: function(done) {
  var view = this;

  namespace.fetchTemplate(this.template, function(tmpl) {
    view.el.innerHTML = tmpl();
    done(view.el);
  });
}

I’m calling it inside of another view, like so:

var Goal = namespace.module("goal"); 

App.View = Backbone.View.extend({

  addGoal: function(done) {

    var view = new Goal.Views.GoalList({model: Goal.Model});

    view.render(function(el) {
      $('#goal-list').append(el);
    });
  }
});

I’m using local storage to save my data, and it’s being added just fine. I can see it in the browser, but for some reason, when I load up the app, and try to fetch existing data, i get this error:

ReferenceError: Can't find variable: title

Where title is the only key I’m storing. It is a direct result of calling:

tmpl();

Any thoughts are greatly appreciated.

Answer 1

Your template is looking for a variable title, probably like this <%- title %>. You need to pass it an object like this tmpl({ title: 'Some title' })