How to pass parameters in route urls in AngularJS

Question

How can we pass parameters to a partial view in angularJs. I'm new to angular, I follow these tutorials for learning. This tutorial explains the basic situation, but nothing about how we can send a parameter to a partial view. eg,/addStudent?id=45

 $routeProvider.
                   when('/addStudent', {
                      templateUrl: 'addStudent.htm',
                      controller: 'AddStudentController'
                   }).
                   when('/viewStudents', {
                      templateUrl: 'viewStudents.htm',
                      controller: 'ViewStudentsController'
                   })

Answer 1

You can define a parameter in the address definition and access it using the $stateParamscontroller parameter

  when(url: '/new/:portfolioId',
    templateUrl: 'new.html',
    controller: function($scope, $stateParams) {
      $scope.portfolioId = $stateParams.portfolioId;
    }
  )

Take a look here: http://benfoster.io/blog/ui-router-optional-parameters

Answer 2

"Angular", , $routeParams.

.

Answer 3

, :parameter url

like:

$routeProvider.
               when('/addStudent', {
                  templateUrl: 'addStudent.htm',
                  controller: 'AddStudentController'
               }).
               when('/viewStudents', {
                  templateUrl: 'viewStudents.htm',
                  controller: 'ViewStudentsController'
               }).
               when('/students/:id', {
                  templateUrl: 'studentsDetail.htm',
                  controller: 'studentsDetailController'
               })

here url students/:idhas id as parameter.

Here is the angular doc

Answer 4

$routeProvider.when('/addStudent/:id', {
                 templateUrl: 'addStudent.htm',
                 controller: 'AddStudentController'
                   })

$routeProvider.when('/viewStudents/:id', {
                 templateUrl: 'viewStudents.htm',
                 controller: 'ViewStudentsController'
                   })