javascript - 在工厂中存储 Angular 资源的结果

Question

我目前正在使用 Angular $resource 来制作 api，我想将这些结果保存在服务而不是控制器中，因为每次我调用控制器时，结果都会再次被调用，因此所做的任何更改都会被删除.

我尝试了几篇 SO 文章中给出的答案，包括：

AngularJS：使用 Shared Service(with $resource) 在控制器之间共享数据，但是如何定义回调函数？

和

带有 $resource 的 Angular 服务/工厂

但这些都没有奏效，因为我需要将结果存储在服务中，但控制器可以访问。

任何帮助将不胜感激。

Answer 1

始终使用承诺！

angular.module('foo',[])
  .service('FooService', ['$resource', function($resource){
    this.getUsers = function () {
      return $resource('/users', .get().$promise;
    };
  })
  .controller('FooController', ['$scope','FooService', function($scope, FooService){
    FooService.getUsers()
      .then(function (users) {
        $scope.users = users;
      });
  });

您还可以将其重构$resource('/users')为UserResource工厂并注入UserResource服务。

Answer 2

由于 Angular 的服务/工厂是单例的，如果你只是将回调的值放在服务变量上，你就可以从任何地方获取它。样本：

angular.module('foo',[])
  .service('FooService', ['$resource', function($resource){
      this.users = []
      $resource('/users')
         .get(function(users) {
            this.users = users
          })

     this.getUsers = function(){
       return this.users
     }
  })
  .controller('FooController', ['$scope','FooService', function($scope, FooService){
     $scope.users = FooService.getUsers()
  })

很高兴记住 $resource 正在向后端执行异步请求，因此最好保证在您尝试从服务中获取这些数据之前它是可用的。