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: 313
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