Javascript 如何在AngularJS中传递路由URL中的参数

如何在angularJs中将参数传递给局部视图。我是angular的新手，我正在学习教程。本教程对basic进行了很好的解释，但没有介绍如何将参数发送到局部视图。 e、 g

/addStudent？id=45

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

---

要在路由中传递参数，可以在url中将参数定义为

：parameter

比如：

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

这里url

students/：id

将id作为参数

这里有一个更为“有角度的方法”来实现这一点，即使用

$routeParams

服务

---

选中。

您可以在地址定义中定义参数，并通过

$stateparms

控制器参数访问它

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

---

请看这里：

解释为什么这是正确答案，否则它将被删除。when（）调用中的URL现在定义了一个参数。它是从冒号（：param）开始的部分AngularJS现在将从URL（路由路径）中提取#/route1/part.Code-only答案后面的任何内容，尽管它们是允许的，但它们不会获得大量的赞成票。试着解释代码为什么工作，它解决了什么问题以及如何解决。我不同意Mamta关于它被删除的说法，但它并没有被很好地记录下来的答案那么有用。只有我的0.02美元。

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

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