Loading Multiple Models with Ember.RSVP and $.getJSON

5

Yes i think i understood better on how Ember.RSVP work for async calls, i can create record of my models successfully now but this is now my console problem

The value that #each loops over must be an Array. You passed {users: <ember-soundcloud@model:git::ember581:null>, repositories:

1190×79 25.6 KB 

var IndexRoute = Ember.Route.extend({
model: function() {
var store = this.get('store');


var userUrl = 'https://api.github.com/users/user';
var reposUrl = 'https://api.github.com/users/user/repos';

var usersPromise = function() {
    return Ember.$.ajax(userUrl).then(function(data) {
        return store.createRecord('git', {
            name: data.name,
            login: data.login,
            location: data.location,
            company: data.company,
            followers: data.followers,
            following: data.following
        })
    });
}

var repositoriesPromise = function() {
    return Ember.$.ajax(reposUrl).then(function(repos) {
        debugger
        return repos.map(function(repo) { // map returns new array no need to write container = [] . container.push(bla)
            return store.createRecord('repo', {
                name: repo.name,
                description: repo.description
            });
        })
    });
}

return Ember.RSVP.hash({
    users: usersPromise(),
    repositories: repositoriesPromise()
});

},

});

JSBIN: JS Bin - Collaborative JavaScript Debugging