Как использовать angularJS $ routeProvider и $ routeParams

Я создаю свое первое приложение angularJS, и я борюсь с получением параметров из моего URL-адреса в свой код.

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: // localhost: 8080/setspage/maths»? включить ли часть setpage? – Ben

Как использовать angularJS $ routeProvider и $ routeParams

ответ

Смежные вопросы