Question

我正在构建我的第一个angularJS应用程序，我正在努力将我的URL中的参数导入到我的代码中。

网址有一个参数，主题和我在此阶段尝试做的所有内容都会在屏幕上显示...

使用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
 }]);

如何使用angularJS $ routeProvider和$ routeParams

2 个答案: