如何使用angularJS $routeProvider和$routeParams

Question

我正在构建我的第一个angularJS应用程序，我正在努力从我的网址获取参数到我的代码中。

URL只有一个参数，subject，我在这个阶段想做的就是把它显示在屏幕上……

Javascript：

app.config(function($routeProvider) {
  $routeProvider
    .when('/setspage/:subject',
    {templateUrl: "setspage.html", 
    controller: "setsController"
  }),
});
  angular.module("app").controller("setsController", function($scope, $routeParams, $http) {
  $scope.selectedSubject = routeParams.subject
 });

HTML：

<body ng-controller="setsController">
  <div class="page-header">
    <h1>Subject : {{selectedSubject}}</h1>
  </div>
  <script src="./node_modules/angular/angular.js"></script>
  <script src="./node_modules/angular-route/angular-route.js"></script>
  <script src="scripts/app.js"></script>
</body>

Answer 1

变化

routeParams.subject

至

$routeParams.subject

Answer 2

像这样改变你的控制器

angular.module("app").controller("setsController",['$scope', '$routeParams', '$http', function($scope, $routeParams, $http) {
  $scope.selectedSubject = $routeParams.subject
 }]);