0

我认为我的 stackoverflow search-fu 今天坏了，因为不可能只有我一个人问过这个问题。Cripes，我希望不是，因为我真的可以使用一些帮助来解决这个问题。在数据源之间切换是很重要的部分，但“抽象的最佳方式”也是这方面合乎逻辑的下一个问题。

无论如何：我有三打小部件。每个小部件都有三个数据源之一（API-full、API-short、json 文件）。我将有刚从内部网进入的用户、具有销售提供的临时登录名的用户以及使用自己的 API 密钥登录的用户。

  1. 没有登录 = 虚拟数据/json
  2. 临时登录 = 来自精简端点的数据
  3. API 密钥 = 完整数据集端点

对此进行逻辑处理，我将有 $scope.access 用于用户访问 + $scope.widget 用于用户单击的小部件。回到旧的功能习惯，似乎我可以在 case break 中使用这两个，并为适当的端点返回一个值。但我似乎无法获得一个变量来进行 $http 调用，如下所示：

$http.get($scope.call).success(function(data) {
    $scope.group = data;
});

所以我的问题归结为：

什么是最好的方法（或者我可以）重新使用带有变量的 $http ，所以我可以插入变量而不必为每个组合做一个单独的 $http ？

我应该（或者我应该）如何抽象这个逻辑并将它从我的控制器中取出？

真正优秀的只是我可以在我的控制器中调用的东西，可能是这样的：

var X = getEndpoint($scope.access, $scope.widget);
var Y = getEndpoint($scope.access, $scope.widget);
var Z = getEndpoint($scope.access, $scope.widget);

其余的则隐藏在其他地方的引擎盖下。关于如何解决这个问题的任何想法？

提前谢谢了。

4

2 回答 2

0

正如@runTarm 在他/她的评论中所说，您可以将 API 调用的逻辑包装在单独的服务中。是的，您可以使用拦截器来控制您的 http 调用。

许多选项之一是您将每种用户类型的 API 端点存储在某处（例如，在角度常量中），然后使用与您服务内的用户访问权限级别匹配的端点。您的所有控制器/小部件都可以使用相同的服务，该服务包含确定端点的逻辑。

我知道我在这里简化了一些事情，但考虑一个基于访问级别通过 http 获取数据的服务：

app.factory('MyService', function($http, API){
  return {
      get: function(accessLevel) {
        var endPoint = (_.findWhere(API, { access: accessLevel })).endPoint;
        return $http.get(endPoint);
      }
   }
});

这将从给定访问级别确定的端点获取数据。这里 API 是一个常量：

app.constant('API', [{ 
    access: 1, 
    endPoint: 'http://jsonplaceholder.typicode.com/posts'
  },{ 
    access: 2, 
    endPoint: 'http://jsonplaceholder.typicode.com/comments'
}]);

然后你会在你的控制器中使用该服务，例如

MyService.get($scope.accessLevel).then(function(data){
  $scope.response = data;
});

我希望你明白了。简单的 Plunker 在这里http://plnkr.co/edit/GLmVmh

于 2014-08-10T21:17:14.963 回答
0

ApiMock 是 AngularJS 的最小（1.68kb gzipped）库，它允许您通过将 API 调用路由到静态 JSON 文件来模拟 RESTful API。

https://github.com/seriema/angular-apimock

于 2016-12-07T15:40:12.353 回答