Управление Ember Multiple RSVP Promises на одном маршруте

Question

Я работаю с GitHub API для загрузки моделей по определенному маршруту

Я делаю два обещания, одно для моих личных данных github: https://api.github.com/users/user а другое для моих репозиториев GitHub https://api.github.com/users/user/repos

Я могу загрузить модели по отдельности, но проблема в том, что я не понимаю, как загрузить обе модели одновременно в моем конкретном маршруте.

См код

var IndexRoute = Ember.Route.extend({
    model: function(params) {
        var url, self, git;
        self = this;
        git = this.store.createRecord('git',{});
        url = 'https://api.github.com/users/user';
        return new Ember.RSVP.Promise(function(resolve, reject) {
            return Ember.$.getJSON(url, function(data) {
                var item = [];
                git.setProperties({
                    name: data.name,
                    login: data.login,
                    location: data.location,
                    company: data.company,
                    followers: data.followers,
                    following: data.following
                });
                item.pushObject(git);
                return resolve(item);
            });
        });
    },
    model: function(params){
        var self, url, repoListProxy;
        self = this;
        url = 'https://api.github.com/users/user/repos';
        repoListProxy = Ember.ArrayProxy.create({
            content: []
        });
        return new Ember.RSVP.Promise(function(resolve, reject) {
            return Ember.$.getJSON(url, function(repos) {
                if (repos.length) {
                    repos.toArray().forEach(function(item, index, arr){
                        var repo;
                        repo = self.createReposList(item, repoListProxy);
                    });
                    repos = repoListProxy.get('content');
                    return resolve(repos);
                }
            });
        });
    },
    createReposList: function(repo, arr){
        var record
        record = this.store.createRecord('repo',{}),
        record.setProperties({
            name: repo.name,
            description: repo.description
        })
        arr.pushObject(record);
        return record;
    },
});

Как я могу загрузить эти несколько моделей с Ember.RSVP.Promise по моему конкретному маршруту?

Answer 1

Поскольку код, который вы разместили, слишком длинный для чтения, я не реализовывал решение на его основе. Вот типичный пример загрузки многократных обещаний в пределах одного маршрута в хуке модели.

   model: function() {
        var store = self.get('store');
        var someRecord = store.createRecord('foo/bar', {});
        var somePromise = imported_promise(someRecord);

        return Ember.RSVP.hash({
            accessRights: somePromise,
            itemData: somePromise.then(function(resolved) {
                 // Do something here, promise is resolved. 
            })
            myRecord: someRecord,
        });
    },

Теперь, если вам нужно получить доступ к чему-либо из маршрута в шаблоне или контроллере.

Вы бы сначала ссылались на модель, а затем на собственность.

{{model.myRecord}} или this.get('model.myRecord')

Так как ты хороший парень за то, что отказался от меня, я решил написать это для тебя.

Я рекомендую использовать Ic-AJAX: https://github.com/rwjblue/ember-cli-ic-ajax для асинхронных вызовов, когда вы не можете использовать store.find

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 ic.ajax.request(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 ic.ajax.request(reposUrl).then(function(repos) {
                return repos.map(function(repo) { // map returns new array no need to write container = [] . container.push(bla)
                    return store.createRecord('repos', {
                        name: repo.name,
                        description: repo.description
                    });
                })
            };
        }

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

    },

Так как вы все еще используете другой подход, я пошел дальше и гуглил его синтаксис

   var gituserPromise = function() {
            return Ember.$.ajax(userUrl, {

    success: function(data) {
        return store.createRecord('git', {
                    name: data.name,
                    login: data.login,
                    location: data.location,
                    company: data.company,
                    followers: data.followers,
                    following: data.following
                })
    },
    error: function(reason) {
       reject(reason);
    }});
};

        return Ember.RSVP.hash({
            gitUser: gituserPromise()  
        });

В hbs теперь могу {{model.gitUser.name}}

Новая ссылка на него http://emberjs.jsbin.com/rutezi/2/edit?html,js,output