Как побороть вложенности с вызовами?

Question

[RodgerFox]

Всем привет, имеется контроллер с подключенной к нему фабрикой, в контроллере:

loadProfile();
function loadProfile() {
            return loadProfileResource().then(function() {
                console.log('loadProfileResource Activated!');
            });
        }
        function loadProfileResource() {
            return ProfileFactory.getProfile.query()
                .then(function(data) {
                    $scope.profile = angular.copy(data);
                    return $scope.profile;
                });
        }

фабрика:

return {
            getActiveProfile: getActiveProfile,
            getProfile: getProfile
        };

        function getActiveProfile() {...}
        function getProfile() {
            var profile = $resource('/loadProfile&token='+$rootScope.token, {id_profile: '@id_profile'})
            return profile;
            /*
            с исп $http все просто и понятно и это работает
            return $http.get('/loadProfile&token='+$rootScope.token)
                .then(getActiveProfileComplete)
                .catch(getActiveProfileFailed);
            */
            function getActiveProfileComplete(response) {
                console.log(response);
                return response.data;
            }
            function getActiveProfileFailed(error) {
                console.log('XHR Failed for getActiveProfile.' + error.data);
            }
        }

А как быть если использую $resource???
В функции loadProfileResource() при вызове ProfileFactory.getProfile() ошибка, TypeError: ProfileFactory.getProfile.query is not a function
ProfileFactory.getProfile.query() — так же не правильно будет
Подскажите решение пожалуйста.

Answer 1

[Kano]

Ошибка тут - ProfileFactory.getProfile.query()
Надо - ProfileFactory.getProfile().query()
А лучше вообще так

$scope.profile = ProfileFactory.getProfile($rootScope.token);

function getProfile(token) {
            var profile = $resource('/loadProfile', {token:token, id_profile: '@id_profile'});
            return profile.query();
}

Comments

[Kano]

А по уму лучше токен вообще спрятать в заголовок запроса, например Authorization и вставлять его через Interceptors https://docs.angularjs.org/api/ng/service/$http
Для работы с токенами можно воспользоваться
Хорошим решением для работы с токенами будет https://jwt.io/introduction/

[RodgerFox]

Спасибо за ответ, функция function loadProfileResource() {
return ProfileFactory.getProfile().get().then(function(data) { теперь выполняет запрос и получаю ответ от сервера, но ошибка в консоли все равно присутствует.
TypeError: ProfileFactory.getProfile(...).get(...).then is not a function
Токен по другому исп не могу, т.к. создаю дополнение к одной ЦМСке, да и не в нем сложность сейчас.

[Kano]

RodgerFox: $resource возвращает отнюдь не обещания, он возвращает модель, которая после выполнения запроса заполняется данными ответа, поэтому если свойства пустой модели связать с представлением то после загрузки данных представление обновится.
В документации https://docs.angularjs.org/api/ngResource/service/... сказано что в возвращаемой модели есть доп поля, одно из них это $promise вот у него и вызвайте метод then

[RodgerFox]

Kano: бинго! совсем забыл про него, хотя в других фабриках использую. Это все моя не внимательность и не опытность. спасибо

Answer 2

[RodgerFox]

В контроллере функция обращения к фабрики:

function loadProfileResource() {
            return ProfileFactory.getProfile(token).test({id_profile: 158}).then(function(data) {
           // или вариант
           // return ProfileFactory.getProfile(token).get().then(function(data) {
           // .query(), update и т.д.
                    $scope.profile = angular.copy(data);
                    console.log('+++');
                    return $scope.profile;
                });
}

Вот полный код фабрики:

(function() {
'use strict';
angular
    .module('LenaPillars')
    .factory('ProfileFactory', ProfileFactory);

    ProfileFactory.$injector = ['$rootScope', '$resource', '$http', 'logger'];
    function ProfileFactory($rootScope, $resource, $http, logger) {
        return {
            getActiveProfile: getActiveProfile,
            getProfile: getProfile
        };

        function getActiveProfile() {
            return $http.get($rootScope.storeUrl+'/checkProfile&token='+$rootScope.token)
                .then(getActiveProfileComplete)
                .catch(getActiveProfileFailed);

            function getActiveProfileComplete(response) {
                console.log(response);
                return response.data;
            }
            function getActiveProfileFailed(error) {
                console.log('XHR Failed for getActiveProfile.' + error.data);
            }
        }
        function getProfile(token) {
            return $resource($rootScope.storeUrl+'/loadProfile&token='+$rootScope.token, {id_profile: '@id_profile'}, {
                test: {
                    method: 'GET'
                },
                variant: {
                  //и список других методов
                }
            });
        }
    }
})();

Фабрика работает с частью приложения, исп. $resource и в дальнейшем будет побольше функций и вариантов метода, разве это нельзя так систематизировать?