如何使用 Angular 中的 $resource 将 json 对象作为 GET 传递？

Question

如何使用 Angular 中的 $resource 将 json 对象作为 GET 传递给 WebApi？

我的服务：

pmsService.factory('Widgets', ['$resource', function ($resource) {

    var data = $resource('/api/:path/:id', {
        path: '@path'
    }, {
        getWidgets: {
            params: { path: 'widgets' },
            method: "GET",
            isArray: true
        },
        getWidget: {
            params: { path: 'widgets' },
            method: "GET",
            isArray: false
        },
        getWidgetData: {
            params: { path: 'widgets' },
            method: "POST"
        },
    });
    return data;

在角度控制器中：

Widgets.getWidgetData({ id: $scope.widget.id}, $scope.paramValues ).$promise.then(function (data) {
                $scope.widget.Data = data;
                $log.debug($scope.widget.Data);
            });

在控制器中：

[Route("api/widgets/{id}")]
[HttpPost]
public Object Get(int id, dynamic prms)
   {
     ....
   }

这应该向 WebApi 控制器发送 2 个参数，即 Widget 的 id 和参数列表。提琴手表演：

/api/widgets/31/%5Bobject%20Object%5D

所以路由工作正常，但是我收到的对象prms是空的。

Answer 1

我不太明白你想在那里做什么，但是 如果你想实现/api/widgets/31?foo=bar 中的 url 参数，那么我会这样做。

angular
  .module('myMod', ['$resource'])

  .factory('Widgets',
  ['$resource', function ($resource) {
    return $resource(
      '/api/:path/:id/',
      {'path': '@path'},
      {
        getWidgets: {
          params: {path: 'widgets'},
          method: "GET",
          isArray: true
        },
        getWidget: {
          params: {path: 'widgets'},
          method: "GET",
          isArray: false
        },
        getWidgetData: {
          params: {path: 'widgets'},
          method: "GET",
          isArray: false
        }
      })
  }])

  .controller('WidgetsController',
  ['$scope', 'Widgets', function ($scope, Widgets) {
    $scope.widget = Widgets.getWidget({
      id: 1,
      foo: 'bar'
    });
  }]);

这将向/api/widgets/1?foo=bar 发出GET 请求。您可以像这样包含嵌套对象或数组，它将被序列化并附加到 url

  // In controller
  .controller('WidgetsController',
  ['$scope', 'Widgets', function ($scope, Widgets) {
    $scope.widget = Widgets.getWidget({
      id: 1,
      fields: ['name', 'price']
    });
  }]);

这将向/api/widgets/1?fields=name&fields=price 发出 GET 请求。 我通常更喜欢使用$httpParamSerializerJQLike 序列化程序以/api/widgets/1?fields[]=name&fields[]=price 这种形式序列化参数，根据我的经验，这种形式问题较少。要使用这个序列化器，你需要像这样配置$http

angular
  .module('myMod')

  .config(['$httpProvider', function ($httpProvider) {
    $httpProvider.defaults.paramSerializer = '$httpParamSerializerJQLike';
  }])

希望有帮助