AngularJS $resource GET 中的多个参数

AngularJS

使用AngularJS的$resource服务可以轻松地进行GET请求，并且可以传递多个参数。在本文中，我们将介绍如何 ，并提供一个案例代码来说明这个过程。

使用$resource进行GET请求的步骤

首先，我们需要在AngularJS应用程序中引入ngResource模块，这样我们才能使用$resource服务。在我们的模块配置中添加ngResource依赖项，如下所示：

Javascript
var app = angular.module('myApp', ['ngResource']);

接下来，我们需要创建一个自定义的$resource对象，用于发送GET请求。在这个对象中，我们可以指定请求的URL和参数，如下所示：

Javascript
app.factory('User', function($resource) {
  return $resource('/api/users/:userId', {userId: '@id'});
});

在上面的代码中，我们创建了一个名为User的$resource对象，并指定了URL中的参数userId。我们还使用了@id这个特殊符号，它将使用传递给GET请求的参数来替换URL中的userId。

接下来，我们可以在控制器中使用User对象来发送GET请求，并传递多个参数。在下面的例子中，我们将传递一个名为userId和一个名为status的参数：

Javascript
app.controller('myController', function($scope, User) {
  $scope.users = User.query({userId: '123', status: 'active'});
});

在上面的代码中，我们使用User对象的query方法发送GET请求，并传递了两个参数。返回的数据将会存储在$scope.users变量中，我们可以在视图中使用它来展示数据。

案例代码

下面是一个完整的示例代码，演示了如何使用AngularJS的$resource服务发送带有多个参数的GET请求：

Javascript
var app = angular.module('myApp', ['ngResource']);
app.factory('User', function($resource) {
  return $resource('/api/users/:userId', {userId: '@id'});
});
app.controller('myController', function($scope, User) {
  $scope.users = User.query({userId: '123', status: 'active'});
});

在上面的代码中，我们创建了一个名为myApp的AngularJS应用程序，并引入了ngResource模块。然后，我们创建了一个名为User的$resource对象，并在控制器中使用它来发送GET请求，并传递了两个参数。

通过使用AngularJS的$resource服务，我们可以轻松地发送GET请求，并传递多个参数。在本文中，我们介绍了如何 ，并提供了一个案例代码来说明这个过程。希望这篇文章能帮助你更好地理解如何使用AngularJS的$resource服务进行GET请求，并传递多个参数。

参考资料

- AngularJS官方文档：AngularJS.org/api/ngResource/service/$resource">https://docs.AngularJS.org/api/ngResource/service/$resource