Spec-Zone.ru › Angular.js 1.5

Улучшить эту документацию ngComponentRouter

Устаревший:

В стремлении поддерживать синхронизацию с изменениями маршрутизатора в Angular 2, данная реализация маршрутизатора компонентов (модуль ngComponentRouter) устарела и больше не будет получать обновлений.

Мы изучаем возможность перенести маршрутизатор Angular 2 в Angular 1, но в качестве альтернативы можно использовать модуль ngRoute или проекты, разработанные сообществом (например, ui-router).

Установка

В настоящее время модуль Component 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']);

Компоненты модуля

Тип

Имя Описание
Router

Router отвечает за сопоставление URL-адресов с компонентами.

ChildRouter

Этот тип расширяет Router.

RootRouter

Этот тип расширяет Router.

ComponentInstruction

ComponentInstruction представляет состояние маршрута для одного компонента. Instruction состоит из дерева этих ComponentInstruction.

RouteDefinition

Каждый элемент в RouteConfig для Компонента маршрутизации является экземпляром этого типа. Он может иметь следующие свойства:

RouteParams

Карта параметров для заданного маршрута, переданная в рамках ComponentInstruction в методы жизненного цикла, такие как $routerOnActivate и $routerOnDeactivate.

Директива

Имя Описание
ngOutlet

Директива, которая определяет место, где Router должен отображать свои Компоненты.

Сервис

Имя Описание
$rootRouter

Экземпляр типа RootRouter, который ассоциирован с верхнеуровневым $routerRootComponent.

$routerRootComponent

Верхнеуровневый Компонент маршрутизации, связанный с $rootRouter.

© 2010–2017 Google, Inc.
Licensed under the Creative Commons Attribution License 4.0.
https://code.angularjs.org/1.5.11/docs/api/ngComponentRouter

Spec-Zone.ru

Настройки Оффлайн Что нового Помощь О нас
Spec-Zone .ru
спецификации, руководства, описания, API