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