如何使用angularJS $ routeProvider和$ 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>

來源

2015-09-10 Ben

變化

routeParams.subject

到

$routeParams.subject

來源

2015-09-10 12:12:15

更改您的控制器這樣

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

來源

2015-09-10 12:15:20 intekhab

感謝您的幫助，我想這不過它沒有工作，我很害怕。我覺得我已經設置它在路線提供者可能是錯誤的方式。該文件setspage.html是我希望能夠通過控制器來訪問數據，所以我在把這個作爲templateUrl寫入文件？而且是路徑寫，如果我試圖通過的「http：//本地主機：8080/setspage /數學」訪問它？我是否包含setspage部分？ – Ben

如何使用angularJS $ routeProvider和$ routeParams

回答

相關問題