Улучшить эту документацию ngComponentRouter
Устаревшее:В стремлении поддерживать синхронизацию с изменениями маршрутизатора в новом Angular, эта реализация компонента маршрутизатора (модуль ngComponentRouter) устарела и больше не будет получать обновлений. Мы изучаем возможность переноса маршрутизатора для нового Angular в AngularJS, но в качестве альтернативы используйте модуль ngRoute или разработанные сообществом проекты (например, ui-router).
Установка
В настоящее время модуль Компонентный маршрутизатор необходимо установить через npm/yarn, он недоступен в Bower или на Google CDN.
yarn add @angular/router@0.2.0
Включите angular_1_router.js в ваш HTML:
<script src="/node_modules/@angular/router/angular1/angular_1_router.js"></script>
Вам также необходимо включить ES6-платформы для браузеров, которые не поддерживают ES6-код (Internet Explorer, iOs < 8, Android < 5.0, Windows Mobile < 10):
<!-- IE required polyfills, in this exact order --> <script src="https://cdnjs.cloudflare.com/ajax/libs/es6-shim/0.33.3/es6-shim.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.20/system-polyfills.js"></script> <script src="https://unpkg.com/angular2/es6/dev/src/testing/shims_for_IE.js"></script>
Затем загрузите модуль в своё приложение, добавив его в качестве зависимого модуля:
angular.module('app', ['ngComponentRouter']);
Компоненты модуля
Тип
| Имя | Описание |
|---|---|
| Маршрутизатор | A |
| ChildRouter | Этот тип расширяет |
| RootRouter | Этот тип расширяет |
| Инструкция компонента | An |
| Определение маршрута | Каждый элемент в RouteConfig для Компонента маршрутизации является экземпляром этого типа. Он может иметь следующие свойства: |
| Параметры маршрута | Карта параметров для заданного маршрута, переданная в качестве части |
Директива
| Имя | Описание |
|---|---|
| ngOutlet | Директива, которая идентифицирует место, где |
Сервис
| Имя | Описание |
|---|---|
| $rootRouter | Экземпляр singleton типа |
| $routerRootComponent | Верхний уровень Компонента маршрутизации, связанный с |
© 2010–2018 Google, Inc.
Licensed under the Creative Commons Attribution License 4.0.
https://code.angularjs.org/1.6.9/docs/api/ngComponentRouter