如何在AngularJS的Route Url中傳遞參數

Question

如何在angularJs中將參數傳遞給局部視圖。我是新來的角，我遵循These學習教程。本教程解釋基本相當好，但沒有關於如何發送參數到局部視圖。 e.g /addStudent?id=45

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

Answer 1

傳遞參數的路線，你的網址

一樣，你可以定義參數爲:parameter：

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

這裏網址students/:id具有ID作爲參數。

這裏是angular doc

Answer 2

更多的「角的方式」來實現是通過使用$routeParams服務。

檢查the docs。

Answer 3

您可以通過

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

看吧$stateParams控制器參數定義地址定義參數和訪問：http://benfoster.io/blog/ui-router-optional-parameters

Answer 4

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

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