Backbone.js model.get() returning 'undefined' even though I can see the attributes in console.log

Question

I have a model instance, which I set another model instance on, i.e model.set(\'rsvp\', new App.Rsvp).

When I iterate over the collection to generate th

Answer 1

model.rsvp = foo; (lets call this code bit #1) which is equivalently model['rsvp'] = foo; is not the same as model.set({'rsvp':foo}); (code bit #2). If you want to tack another model instance foo (or some other object or value) onto a model instance model, use the code bit #1 or its equivalent. If you want to add an attribute value pair to a model instance that might eventually be permanently stored somewhere, use the code bit #2. Likewise, you're only going to have model.rsvp defined if you used model.rsvp = foo; or model['rsvp'] = foo;

Answer 2

console.log( Object ) can cheat you. It won't show you the state of the Object in the moment of calling console.log.

Check this jsFiddle and open the console. You see how the console.log shows you the state of the Object at the end of the script and not in the moment of the console.log call.

For more reliable info call console.log with simpler values.

(tested is Chrome, Firefox and Safari over OSX)

Read this for more detailed information: Backbone.js Empty Array Attribute

Answer 3

In theory what you are doing should work, but it's probably not a good idea to bypass attributes and store properties directly on model instances. Here's a jsfiddle that shows it works in concept. My guess is that your model instance is getting recreated from source data via fetch somewhere else in your code so the model.rsvp property disappears. That or model is not the same instance you think it is.