How to add get request parameter in Angularjs

Question

How to add get request parameter from url to controller in angularjs e.g. my request is http://localhost/abc-ang/#!/abc/8 and my controller code is

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

I want to replace src/public/add/:id to src/public/add/8 how can I do that dynamically?

My routing configuration is

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' });
}]);

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' }); }]); — Sumit Chikane
– Sumit Chikane, Commented Jan 4, 2017 at 13:43

Mistalis · Accepted Answer · 2017-01-04 13:46:16Z

3

You can access URL params in your code with $routeParams:

From your comment your route is:

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

So in your controller, you can get wineId value with:

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

edited Jan 4, 2017 at 13:46

answered Jan 4, 2017 at 13:43

Mistalis

18.3k14 gold badges78 silver badges97 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to add get request parameter in Angularjs

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related