Как сделать код рабочим для promise Angular?

Question

[Артур Бекеров]

Есть сервис

crmServices.factory('Insurances', ['$resource',
    function ($resource) {
        return $resource('api/public/insurances/:id', {}, {
            query: {method: 'GET', isArray: true,  cache: true},
            get: {method: 'GET', isArray: false},
            save: {method: 'POST'},
            update: {method: 'PUT'},
            delete: {method: 'DELETE'}
        });
    }]);

в контроле есть код

$scope.insurances = Insurances.query()
$scope.getLen = function() {
        return = $scope.insurances.length
    }

Пока не успеет придти данные с сервиса в консоли валятся ошибки.

TypeError: Cannot read property 'length' of undefined

Представляю, что надо решить с помощью $q и promises но не выходит.
Может у кого есть готовый код?

Answer 1

[_ _]

Вы бы написали, как insurances в скопе появляются.
Может быть достаточно $scope.insurances = [];, может быть стоит получение данных вынести в resolve-секцию. Вариантов уйма, у всех свои плюсы и минусы.

Comments

[Артур Бекеров]

Александр Марченко $scope.insurances = Insurances.query()

[_ _]

Артур Бекеров: странная проблема. query() должен возвращать пустой массив. Отлаживайте код. И не забывайте про точку с запятой.

Answer 2

[Борис Беньковский]

$scope.getLen = function() {
        $scope.insurances.query().then(function(data) {
                 $scope.length = data.length
       });
}

Insurances это сервис, а не готовая коллекция (массив). У него есть только те методы, что вы передали (query, get, save ..... ) Выше изложен псевдокод, точно не помню, быть может в data будет HttpResponse а не готовый масив

Answer 3

[Никита Гущин]

В вашем случае достаточно просто проверить промис на резолвед:

$scope.getLen = function() {
    if(!$scope.insurances.$resolved)
        return 0;
    return $scope.insurances.length;
}

В остальных случаях используйте promise.then

Answer 4

[Mikhail Osher]

Настоятельно рекомендую для таких целей использовать Restangular.