javascript - Unresolved promise Angular

Question

我正在使用 ngResource 将数据从服务器端获取到我的 View 中，并且我定义了一个自定义操作来获取项目计数，它在代码中看起来像这样( Controller ):

$scope.totalItems = Item.item_count().total

在我看来:

This customer bought {{totalItems}}

在我看来，我只是得到了这位客户购买的，而没有插入其他部分。然而，当我这样做时:

console.log(Item.item_count().total)
console.log(Item.item_count())

我得到第一个语句的未定义，但对于第二个语句，我得到这个:

为什么我无法从 View 访问总计数？我该如何解决此问题？

更新(服务代码):

app.factory('Item', function($resource) {
  return $resource(
        window.config.API_URL + '/:apiPath/:id', {
            id: '@id',
            apiPath: '@apiPath'
        }, {
            query: {
                method: 'GET',
                params: {
                  apiPath: 'items'
                },
                isArray: true
            },
            item_count: {
                method: 'GET',
                params: {
                  apiPath: 'item_count'
                },
                isArray: false
            }
        }
    );
});

Answer 1

您需要获取 $promise 并传入回调，如下所示:

Item.item_count().$promise.then(function(data) {
  $scope.totalItems = data.total;
});

如果您需要在加载 View 之前解析数据，可以使用 $stateProvider 来解析它。这应该可以让您很好地了解如何使用它以及使用它的一些含义:http://www.codelord.net/2015/06/02/angularjs-pitfalls-using-ui-routers-resolve/ .