AngularJS Routing - 무엇이 필요합니까? 정보
AngularJS AngularJS Routing - 무엇이 필요합니까?본문
AngularJS Routing - 무엇이 필요합니까?
응용 프로그램을 라우팅 할 수 있도록하려면 AngularJS Route 모듈을 포함해야합니다.
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular-route.js"></script>
그런 다음 ngRoute애플리케이션 모듈에 종속물로 추가해야합니다.
var app = angular.module("myApp", ["ngRoute"]);
이제 애플리케이션은를 제공하는 라우트 모듈에 액세스 할 수 $routeProvider있습니다.
을 사용 $routeProvider하여 애플리케이션에서 다른 경로를 구성하십시오.
app.config(function($routeProvider) {
$routeProvider
.when("/", {
templateUrl : "main.htm"
})
.when("/red", {
templateUrl : "red.htm"
})
.when("/green", {
templateUrl : "green.htm"
})
.when("/blue", {
templateUrl : "blue.htm"
});
});
어디로 가나 요?
응용 프로그램에는 라우팅에서 제공하는 내용을 넣을 컨테이너가 필요합니다.
이 컨테이너가 ng-view지시어입니다.
ng-view응용 프로그램에 지시문 을 포함시키는 세 가지 다른 방법이 있습니다 .
예:
<div ng-view></div>
예:
<ng-view></ng-view>
예:
<div class="ng-view"></div>
응용 프로그램에는 하나의 ng-view지시문 만있을 수 있으며이 지시문은 경로에서 제공하는 모든보기에 대한 자리 표시 자입니다.
응용 프로그램을 라우팅 할 수 있도록하려면 AngularJS Route 모듈을 포함해야합니다.
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular-route.js"></script>
그런 다음 ngRoute애플리케이션 모듈에 종속물로 추가해야합니다.
var app = angular.module("myApp", ["ngRoute"]);
이제 애플리케이션은를 제공하는 라우트 모듈에 액세스 할 수 $routeProvider있습니다.
을 사용 $routeProvider하여 애플리케이션에서 다른 경로를 구성하십시오.
app.config(function($routeProvider) {
$routeProvider
.when("/", {
templateUrl : "main.htm"
})
.when("/red", {
templateUrl : "red.htm"
})
.when("/green", {
templateUrl : "green.htm"
})
.when("/blue", {
templateUrl : "blue.htm"
});
});
어디로 가나 요?
응용 프로그램에는 라우팅에서 제공하는 내용을 넣을 컨테이너가 필요합니다.
이 컨테이너가 ng-view지시어입니다.
ng-view응용 프로그램에 지시문 을 포함시키는 세 가지 다른 방법이 있습니다 .
예:
<div ng-view></div>
예:
<ng-view></ng-view>
예:
<div class="ng-view"></div>
응용 프로그램에는 하나의 ng-view지시문 만있을 수 있으며이 지시문은 경로에서 제공하는 모든보기에 대한 자리 표시 자입니다.
추천
0
0
댓글 0개