How to get parameters value using $routeParams from URL in angular js?

Question

I am working on Angularjs, I am stuck in weired problem, I am not able to get parameters value from URL using $routeParams..

var MyApp = angular.module('testAngularApp', ['ngRoute','ngResource'])
    .config(['$routeProvider',
        function ($routeProvider) {
            $routeProvider.
                when('/', {
                when('/updateUser/:id', {
                    templateUrl: 'Pages/User/Edit.html',
                    controller: 'UpdateUserCtrl'
                })
        }]);

controller

angular.module('testAngularApp').
    controller('UpdateUserCtrl', ['$scope', 'updateUserService', '$http','$route', '$routeParams', function ($scope, updateUserService, $routeParams,$route, $http) {
        $scope.testV = "Update User Ctrl";
        console.log("hello");
        $scope.params1 = $routeParams.id; 
        console.log($routeParams.id ); //i am getting undefined
        console.log($scope.params1); //i am getting undefined
        var check = $routeParams['id'];
        console.log(check); //i am getting undefined
    }]);

please tell me how to get values from URL, I have went through these solutions but it didn't work for me.. link1 link2

Hadi · Accepted Answer · 2017-05-23 14:50:39Z

4

I think order of services is wrong. try change as below

controller('UpdateUserCtrl', ['$scope', 'updateUserService','$route','$http' '$routeParams',
                     function ($scope, updateUserService,$route, $http, $routeParams)

edited May 23, 2017 at 14:50

answered Jan 18, 2017 at 7:09

Hadi

17.3k4 gold badges41 silver badges63 bronze badges

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

Comments

Snopzer · Accepted Answer · 2017-01-18 07:25:24Z

1

$routeParams

will get the list of parameters from URL to your controller

The function definition is wrong which you defined. its should be defined with the same order as we create for local variables.

controller('UpdateUserCtrl', 
['$scope', 'updateUserService', '$http','$route','$routeParams', 
function ($scope, updateUserService, $http,$route,$routeParams ) {
// your Script goes Here.
console.log($routeParams.id);
}

answered Jan 18, 2017 at 7:25

Snopzer

1,72219 silver badges31 bronze badges

Collectives™ on Stack Overflow

How to get parameters value using $routeParams from URL in angular js?

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related