AngularJS Routing - 무엇이 필요합니까? > 퍼블리싱강좌

퍼블리싱강좌

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지시문 만있을 수 있으며이 지시문은 경로에서 제공하는 모든보기에 대한 자리 표시 자입니다.
추천
0

댓글 0개

전체 86
퍼블리싱강좌 내용 검색 AngularJS에서

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT