backbone.js Model.get() returns undefined, scope using coffeescript + coffee toaster?

Posted by benipsen on Stack Overflow See other posts from Stack Overflow or by benipsen
Published on 2012-06-08T06:32:47Z Indexed on 2012/06/08 16:40 UTC
Read the original article Hit count: 281

Filed under:
|
|
|

I'm writing an app using coffeescript with coffee toaster (an awesome NPM module for stitching) that builds my app.js file.

Lots of my application classes and templates require info about the current user so I have an instance of class User (extends Backbone.Model) stored as a property of my main Application class (extends Backbone.Router).

As part of the initialization routine I grab the user from the server (which takes care of authentication, roles, account switching etc.). Here's that coffeescript:

@user = new models.User
@user.fetch()
console.log(@user) 
console.log(@user.get('email'))   

The first logging statement outputs the correct Backbone.Model attributes object in the console just as it should:

User
_changing: false
_escapedAttributes: Object
_pending: Object
_previousAttributes: Object
_silent: Object
attributes: Object
  account: Object 
  created_on: "1983-12-13 00:00:00"
  email: "[email protected]"
  icon: "0"
  id: "1"
  last_login: "2012-06-07 02:31:38"
  name: "Ben Ipsen"
  roles: Object
__proto__: Object
changed: Object
cid: "c0"
id: "1"
__proto__: ctor
app.js:228

However, the second returns undefined despite the model attributes clearly being there in the console when logged.

And just to make things even more interesting, typing "window.app.user.get('email')" into the console manually returns the expected value of "[email protected]"... ?

Just for reference, here's how the initialize method compiles into my app.js file:

Application.prototype.initialize = function() {
  var isMobile;
  isMobile = navigator.userAgent.match(/(iPhone|iPod|iPad|Android|BlackBerry)/);
  this.helpers = new views.DOMHelpers().initialize().setup_viewport(isMobile);
  this.user = new models.User();
  this.user.fetch();
  console.log(this.user);
  console.log(this.user.get('email'));
  return this;
};

I initialize the Application controller in my static HTML like so:

jQuery(document).ready(function(){
   window.app = new controllers.Application();
});

Suggestions please and thank you!

© Stack Overflow or respective owner

Related posts about backbone.js

Related posts about coffeescript