앵귤러 루트와 앵귤러 라우터의 차이점은 무엇입니까?

Angular를 사용할 예정입니다.JS를 사용하고 있습니다.그래서 저는 사용할 수 있는 모듈을 찾고 있습니다.

ngRoute(angular-route.js) 모듈과 ui-router(angular-ui-router.js) 모듈의 차이점은 무엇입니까?

많은 기사에서는 ngRoute를 사용할 때 루트는 $routeProvider로 설정됩니다.단, ui-router와 함께 사용할 경우 루트는 $stateProvider 및 $urlRouterProvider로 설정됩니다.

관리성과 확장성을 향상시키려면 어떤 모듈을 사용해야 합니까?



질문에 대한 답변



ui-party는 서드파티제 모듈로 매우 강력합니다.일반 ngRoute가 수행할 수 있는 모든 기능과 많은 추가 기능을 지원합니다.

다음은 ui-route가 ngRoute보다 선택되는 일반적인 이유입니다.

  • ui-module을 사용하면 중첩보기와 여러 개의 명명된 보기를 사용할 수 있습니다.이것은 다른 섹션에서 상속된 페이지가 있는 큰 앱에서 매우 유용합니다.

  • ui-module을 사용하면 상태 이름을 기반으로 상태 간에 강력한 유형의 링크를 설정할 수 있습니다.한 곳에서 URL을 변경하면 와의 링크를 빌드할 때 모든 링크가 해당 상태로 업데이트됩니다.URL이 변경될 수 있는 대규모 프로젝트에 매우 유용합니다.

  • 접근을 시도하는 URL을 기반으로 루트를 동적으로 작성할 수 있도록 하기 위해 사용할 수 있는 데코레이터 개념도 있습니다.이는 사전에 모든 루트를 지정할 필요가 없음을 의미합니다.

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

  • 템플릿 내의 UI 요소를 조정할 수 있는 상태인지 부모 상태인지를 쉽게 판별할 수 있습니다(현재 상태의 탐색을 강조 표시). UI 라우터는 UI 요소를 설정함으로써 표시할 수 있습니다.$rootScoperun.

본질적으로 ui-router는 더 많은 기능을 가진 ngRouter로 시트 아래에서는 상당히 다릅니다.이러한 추가 기능은 대규모 애플리케이션에 매우 유용합니다.

상세 정보:




ngRoute는 Angular에 의해 개발된 모듈입니다.Angular의 초기 부분이었던 JS 팀은JS 코어

ui-router는 Angular 외부에서 만들어진 프레임워크입니다.JS는 라우팅 기능을 개선하고 강화하는 프로젝트입니다.

UI 라우터의 메뉴얼에서는, 다음과 같이 설명합니다.

AngularUI Router는 AngularJS의 라우팅 프레임워크입니다.이것에 의해, 인터페이스의 일부를 스테이트 머신으로 정리할 수 있습니다.URL 루트를 중심으로 구성된 Angular core의 $route 서비스와는 달리 UI-Router는 상태 중심으로 구성되며 선택적으로 루트와 다른 동작이 연결될 수 있습니다.

상태는 이름 있는 뷰, 중첩된 뷰 및 병렬 뷰에 바인딩되므로 응용 프로그램의 인터페이스를 강력하게 관리할 수 있습니다.

둘 다 더 낫지 않습니다. 프로젝트에 가장 적합한 것을 선택해야 합니다.

그러나 애플리케이션을 복잡한 뷰로 표시할 계획이며 “$state” 개념을 다루고 싶은 경우에는 다음과 같습니다.ui-router를 선택하는 것을 추천합니다.




ngRoute는 기본적인 시나리오에 적합한 각도 코어 모듈입니다.앞으로 출시될 제품에는 더 강력한 기능이 추가될 것으로 생각합니다.

URL : https://docs.angularjs.org/api/ngRoute

Ui-router는 ngRoute의 문제를 극복한 기여 모듈입니다.주로 중첩/복합 뷰입니다.

URL : https://github.com/angular-ui/ui-router

ui-route와 ngRoute의 차이점

http://www.amasik.com/angularjs-ngroute-vs-ui-router/

enter image description here




ngRoute는 코어 Angular의 일부입니다.JS 프레임워크

ui-module은 기본 라우팅 기능을 개선하기 위해 작성된 커뮤니티 라이브러리입니다.

다음은 UI 라우터의 설정/설정에 관한 좋은 문서입니다.

http://www.ng-newsletter.com/posts/angular-ui-router.html




ngRoute 패러다임 내에서 구현된 중첩된 뷰 기능을 사용하려면 angular-route-segment를 사용해 보십시오.이 기능은 ngRoute를 대체하는 것이 아니라 확장을 목적으로 합니다.