AngularJS Routing
AngularJS Routing
이 ngRoute모듈은 응용 프로그램이 단일 페이지 응용 프로그램이되도록 도와줍니다.
Angular에서 라우팅이란 무엇입니까?
응용 프로그램의 다른 페이지로 이동하려고하지만 페이지를 다시로드하지 않고 응용 프로그램을 SPA (단일 페이지 응용 프로그램)로 만들려면 해당 ngRoute모듈을 사용할 수 있습니다 .
ngRoute모듈 경로 전체 응용 프로그램을 다시로드하지 않고 다른 페이지로 응용 프로그램입니다.
예:
"red.htm", "green.htm"및 "blue.htm"으로 이동하십시오.
<body ng-app="myApp">
<p><a href="#/!">Main</a></p>
<a href="#!red">Red</a>
<a href="#!green">Green</a>
<a href="#!blue">Blue</a>
<div ng-view></div>
<script>
var app = angular.module("myApp", ["ngRoute"]);
app.config(function($routeProvider) {
$routeProvider
.when("/", {
templateUrl : "main.htm"
})
.when("/red", {
templateUrl : "red.htm"
})
.when("/green", {
templateUrl : "green.htm"
})
.when("/blue", {
templateUrl : "blue.htm"
});
});
</script>
</body>
이 ngRoute모듈은 응용 프로그램이 단일 페이지 응용 프로그램이되도록 도와줍니다.
Angular에서 라우팅이란 무엇입니까?
응용 프로그램의 다른 페이지로 이동하려고하지만 페이지를 다시로드하지 않고 응용 프로그램을 SPA (단일 페이지 응용 프로그램)로 만들려면 해당 ngRoute모듈을 사용할 수 있습니다 .
ngRoute모듈 경로 전체 응용 프로그램을 다시로드하지 않고 다른 페이지로 응용 프로그램입니다.
예:
"red.htm", "green.htm"및 "blue.htm"으로 이동하십시오.
<body ng-app="myApp">
<p><a href="#/!">Main</a></p>
<a href="#!red">Red</a>
<a href="#!green">Green</a>
<a href="#!blue">Blue</a>
<div ng-view></div>
<script>
var app = angular.module("myApp", ["ngRoute"]);
app.config(function($routeProvider) {
$routeProvider
.when("/", {
templateUrl : "main.htm"
})
.when("/red", {
templateUrl : "red.htm"
})
.when("/green", {
templateUrl : "green.htm"
})
.when("/blue", {
templateUrl : "blue.htm"
});
});
</script>
</body>
게시판 목록
퍼블리싱강좌
| 번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|---|
| 298 | CSS |
선택과집중
|
2개월 전 | 158 | |
| 297 | CSS |
선택과집중
|
3개월 전 | 360 | |
| 296 | CSS |
선택과집중
|
3개월 전 | 312 | |
| 295 | CSS |
선택과집중
|
3개월 전 | 291 | |
| 294 | CSS |
선택과집중
|
4개월 전 | 419 | |
| 293 | CSS |
선택과집중
|
4개월 전 | 368 | |
| 292 | CSS |
선택과집중
|
4개월 전 | 287 | |
| 291 | CSS |
선택과집중
|
4개월 전 | 293 | |
| 290 | CSS |
선택과집중
|
4개월 전 | 341 | |
| 289 | CSS |
선택과집중
|
4개월 전 | 313 | |
| 288 | CSS |
선택과집중
|
5개월 전 | 395 | |
| 287 | CSS |
선택과집중
|
5개월 전 | 347 | |
| 286 | CSS |
선택과집중
|
5개월 전 | 346 | |
| 285 | CSS |
선택과집중
|
5개월 전 | 366 | |
| 284 | CSS |
선택과집중
|
5개월 전 | 253 | |
| 283 | CSS |
 piadream |
2년 전 | 1524 | |
| 282 | CSS | 2년 전 | 2501 | ||
| 281 | CSS | 4년 전 | 4033 | ||
| 280 | CSS | 4년 전 | 4556 | ||
| 279 | 반응형웹 | 5년 전 | 2984 | ||
| 278 | 반응형웹 | 5년 전 | 2834 | ||
| 277 | 부트스트랩 | 7년 전 | 5033 | ||
| 276 | 부트스트랩 | 7년 전 | 6588 | ||
| 275 | 부트스트랩 | 7년 전 | 4669 | ||
| 274 | 부트스트랩 | 7년 전 | 6700 | ||
| 273 | 부트스트랩 | 7년 전 | 3366 | ||
| 272 | 부트스트랩 | 7년 전 | 3205 | ||
| 271 | 부트스트랩 | 7년 전 | 3707 | ||
| 270 | 부트스트랩 | 7년 전 | 3231 | ||
| 269 | 부트스트랩 | 7년 전 | 3107 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기