簡體   English   中英

如何使用angularJS $ routeProvider和$ routeParams

[英]How to use angularJS $routeProvider and $routeParams

我正在構建我的第一個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>

更改

routeParams.subject

$routeParams.subject

像這樣改變你的控制器

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

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM