javascript - 如何在 Angular JS 的 HTTP 获取 URL 中附加动态查询参数？

Question

我是 Angular JS 的新手。我有一个 Controller (.js 文件)，我在其中编写了一个函数来对后端进行 http get 调用。如下所示:

             $http({
                 url: "services/rest/1.0/project/employeeDetails",
                 method: 'GET',
                 headers: config,
                 transformResponse: function (data) {
                     var x2js = new X2JS();
                     var json = x2js.xml_str2json(data);
                     return json;
                 }
             }).success(function (response) {
                 alert("success for account details with response:"+response);
                if (response && response.siteDetailsList.errorCode == 0)
                     $scope.accountdetails = response;
             });

现在的问题是我需要向我在上面代码片段中提到的网址添加两个查询参数，以便最终的网址如下所示:

services/rest/1.0/project/employeeDetails ? param1=world & param2=hello

我从 HTML 文件的输入文本框中获取此 param1 和 param2 值。知道如何将动态查询参数附加到此 URL 吗？

Answer 1

您可以使用params配置属性:

   $http({
         url: "services/rest/1.0/project/employeeDetails",
         method: 'GET',
         headers: config,
         params: {
             param1: someValue,
             param2: anotherValue
         },
         transformResponse: function (data) {
             var x2js = new X2JS();
             var json = x2js.xml_str2json(data);
             return json;
         }
     }).success(function (response) {
         alert("success for account details with response:"+response);
        if (response && response.siteDetailsList.errorCode == 0)
             $scope.accountdetails = response;
     });