반응형
URL 제어를 담당한다.
여러개의 뷰 사이의 제어를 위한 중앙집중적인 설정
ngRoute 는 여러뷰가 하나의 공통 레이아웃 내에서 치환되는 형태로 사용되기 때문에 특정 모듈의 전체적인 설정인 config 를 이용하여 처리한다.
예제:
var app-angular.module('app',['ngRoute']);
app.config(function ($routeProvider,$locationProvider){
$routeProvider
.when('/menu1',{templateUrl: 'pages/menu1.html'})
.when('/menu2',{templateUrl: 'pages/menu2.html'})
.when(‘/menu3/:id',{templateUrl: 'pages/menu3.html'})
.otherwise({redirectTo: '/menu1'});
});
ngRoute 는 확장모듈이므로 추가 해준다.
routeProvider 를 사용하여 페이지내에서 추가되는 경로에 대한 처리를 설정하고 있음.
when : 특정한 경로인 경우의 설정
otherwise: 설정된 경로를 찾을 수 없는 경우 기본 경로
(출처: 자바스크립트와 AngularJS 활용)
반응형