[javascript] 각도 경로와 각도 UI 라우터의 차이점은 무엇입니까?

ui-router 는 타사 모듈이며 매우 강력합니다. 일반적인 ngRoute가 할 수있는 모든 기능과 많은 추가 기능을 지원합니다.

ngRoute를 통해 ui-router를 선택하는 일반적인 이유는 다음과 같습니다.

• ui-router는 중첩 된 뷰 와 여러 개의 명명 된 뷰를 허용합니다 . 다른 섹션에서 상속 된 페이지가있을 수있는 더 큰 앱에서 매우 유용합니다.

• ui-router를 사용하면 상태 이름을 기반으로 상태를 강력하게 연결할 수 있습니다. 한곳에서 URL을 변경하면 (으)로 링크를 작성할 때 모든 링크가 해당 상태로 업데이트됩니다 ui-sref. URL이 변경 될 수있는 대규모 프로젝트에 매우 유용합니다.

• 액세스하려는 URL을 기반으로 경로를 동적으로 생성하는 데 사용할 수있는 데코레이터 개념도 있습니다. 즉, 미리 모든 경로를 지정할 필요는 없습니다.

• 상태를 사용하면 여러 상태에 대한 다양한 정보를 매핑하고 액세스 할 수 있으며를 통해 상태간에 정보를 쉽게 전달할 수 있습니다 $stateParams.

• 를 통해 당신이 당신의 템플릿 내에서 UI 요소 (현재 상태의 탐색을 강조)을 조정하는 국가의 주 또는 부모에 있는지 쉽게 확인할 수 있습니다 $state당신이 그것을 설정을 통해 노출 될 수 있습니다 UI 라우터에 의해 제공 $rootScope에 run.

본질적으로 ui-router는 더 많은 기능을 가진 ngRouter이며 시트 아래에는 상당히 다릅니다. 이러한 추가 기능은 대규모 응용 프로그램에 매우 유용합니다.

추가 정보:

• Github : https://github.com/angular-ui/ui-router
• 선적 서류 비치:
  • API 참조 : http://angular-ui.github.io/ui-router/site/#/api
  • 가이드 : https://github.com/angular-ui/ui-router/wiki
• 자주 묻는 질문 : https://github.com/angular-ui/ui-router/wiki/Frequently-Asked-Questions
• 샘플 애플리케이션 : http://angular-ui.github.io/ui-router/sample/#/

답변

$routeProvider
    .when("/home", {
        templateUrl : "home.html"
    })

 $stateProvider
        .state('home', {
            url: '/home',
            templateUrl: 'home.html'
        })