Javascript 如何在Angularjs中添加get请求参数

如何在angularjs中将get请求参数从url添加到控制器 e、 我的请求是

http://localhost/abc-ang/#!/abc/8

我的控制器代码为

app.controller('AbcCtrl', function($scope,$http) {
   $http.get("src/public/add/:id").then(function(response) {
       $scope.abc = response.data;
   });
});

我想将

src/public/add/:id

替换为

src/public/add/8

我如何动态地做到这一点

我的路由配置是

app.config(['$routeProvider', function($routeProvider) {
    $routeProvider
        .when('/abc', {
            templateUrl: "tpl/welcome.html"
        })
        .when('/abc/:wineId', {
            templateUrl: 'tpl/abc-details.html', 
            controller: 'AbcDetailCtrl'
        })
        .otherwise({ redirectTo: '/abc' });
}]);

---

您可以通过以下方式访问代码中的URL参数：

根据您的评论，您的路线是：

$routeProvider.when('/abc/:wineId', {
    templateUrl: 'tpl/abc-details.html',
    controller: 'AbcDetailCtrl'
});

因此，在控制器中，您可以通过以下方式获得

wineId

值：

app.controller('AbcCtrl', function($scope, $http, $routeParams) {
   $http.get("src/public/add/" + $routeParams.wineId).then(function (response) {
       $scope.abc = response.data;
   });
});

---

您可以通过以下方式访问代码中的URL参数：

根据您的评论，您的路线是：

$routeProvider.when('/abc/:wineId', {
    templateUrl: 'tpl/abc-details.html',
    controller: 'AbcDetailCtrl'
});

因此，在控制器中，您可以通过以下方式获得

wineId

值：

app.controller('AbcCtrl', function($scope, $http, $routeParams) {
   $http.get("src/public/add/" + $routeParams.wineId).then(function (response) {
       $scope.abc = response.data;
   });
});

app.config（['$routeProvider'，function（$routeProvider）{$routeProvider.when（'/abc'，{templateUrl:“tpl/welcome.html”}）。when（'/abc/：wineId'，{templateUrl:'tpl/abc details.html'，controller:'AbcDetailCtrl'}）。否则({redirectTo:'/abc'}）；}]）；app.config（['$routeProvider'，function（$routeProvider）{$routeProvider.when（'/abc'，{templateUrl:'tpl/welcome.html}）。when（'/abc/：wineId'，{templateUrl:'tpl/abc detailctrl.html'，controller:'AbcDetailCtrl}）。否则（{重定向到：'/abc'}）；}）；