How to display nested data in template from Ember.js model using basic adapter?

Question

Store:

App.Store = DS.Store.extend({
    revision: 12,
    adapter: DS.BasicAdapter.create()
});

Model:

var Profiles = DS.Model.extend({
    displayName: DS.attr('string'),
    profileName: DS.attr('string')
}),
User = DS.Model.extend({
    email: DS.attr('string'),
    phone: DS.attr('string'),
    profiles: DS.hasMany(Profiles, {embedded: true})
});

JSON data for model:

{
    "email": "some email",
    "phone": "some phone number",
    "profiles": [
        {
            "displayName": "some name",
            "profileName": "some name"
        },
        {
            "displayName": "some name",
            "profileName": "some name"
        }
    ]
}

In the template:

{{#if model.isLoaded}}
    email: {{model.email}} // displayed
    {{model.profiles.length}} // number of objects in array is displayed

    {{#each model.profiles}}
        // this line generates error Uncaught TypeError: Cannot call method
           '_create' of undefined ember-data.js:2560
    {{/each}}
{{/if}}

Any idea why this line generates an error? Especially if model.profiles.length displays correct value?

score 0 · Answer 1 · edited May 23 '17 at 12:18

0

At first, the syntax you used for embedding Profiles in user is not relevant anymore. Please check this answer for a proper way to set this.

edited May 23 '17 at 12:18

Community

1
1

answered May 02 '13 at 15:27

Adrien Coquio

4,870
2
24
37

Does it mean I can't use local variable `Profiles` and I have to use it in application namespace like `App.Profiles`? – Wojciech Bednarski May 02 '13 at 16:41
I'm not sure about this, maybe you can use `Profiles` in the mapping directly. – Adrien Coquio May 02 '13 at 20:20

How to display nested data in template from Ember.js model using basic adapter?

1 Answers1