반응형
index.html
<body ng-app="myApp">
<div class="container">
<ng-view></ng-view> <-- ng-view 위치에 page1.html, page2.html 내용이 보여짐-->
</div>
</body>
page1.html
page2.html
.js
angular.module('myApp', ['ngRoute'])
/*뷰 설정*/
.config(function ($routeProvider) {
$routeProvider
.when('/page1', {templateUrl: 'page1.html', controller: 'page1Ctrl'})
.when('/page2', {templateUrl: 'page2.html', controller: 'page2Ctrl'})
.otherwise({redirectTo: '/page1'}); //기본 페이지
})
.controller('page1Ctrl', ['$scope', '$http', function ($scope, $http) {
}])
.controller('page2Ctrl', ['$scope', '$http', function ($scope, $http) {
}]);
반응형
'FrontEnd > angularJS' 카테고리의 다른 글
| ng-repeat을 이용한 div 동적 생성 (0) | 2018.12.12 |
|---|
앱스페이스