یک نکته درباره Angular routeProvider
نویسنده: مسعود پاکدل
تاریخ: ۱۳۹۲/۱۱/۲۷ ۲۱:۱۰
آدرس: www.dntips.ir
| مطالب | ۳۶۹۴ |
| نویسندگان | ۲۷۶ |
| گروههای مطالب | ۱۰۲۴ |
| نقشههای راه | ۱۱۹ |
| دورهها | ۱۴ |
| اشتراکها | ۱۷۹۱۴ |
var myFirstRoute = angular.module('myFirstRoute', []);
myFirstRoute.config(['$routeProvider',
function($routeProvider) {
$routeProvider.
when('/pageOne', {
templateUrl: 'templates/page_one.html',
controller: 'ShowPage1Controller'
}).
when('/pageTwo', {
templateUrl: 'templates/page_two.html',
controller: 'ShowPage2Controller'
}).
otherwise({
redirectTo: '/pageOne'
});
}]);
myFirstRoute.controller('ShowPage1Controller', function($scope) {
$scope.message = 'Content of page-one.html';
});
myFirstRoute.controller('ShowPage2Controller', function($scope) {
$scope.message = 'Content of page-two.html';
}); var myFirstRoute = angular.module('myFirstRoute',['ngRoute']);
myFirstRoute.config(['$routeProvider',
function($routeProvider) {
$routeProvider.
when('/pageOne', {
templateUrl: 'templates/page_one.html',
controller: 'ShowPage1Controller'
}).
when('/pageTwo', {
templateUrl: 'templates/page_two.html',
controller: 'ShowPage2Controller'
}).
otherwise({
redirectTo: '/pageOne'
});
}]); <body ng-app="app">
<div>
<div>
<div>
<ul>
<li><a href="#pageOne"> Show page one </a></li>
<li><a href="#pageTwo"> Show page two </a></li>
</ul>
</div>
<div>
<div ng-view></div>
</div>
</div>
</div>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>
<script src="angular-route.js"></script>
<script src="app.js"></script>
</body>