Spec-Zone.ru › Angular.js 1.6

Улучшить эту документацию 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 Router отвечает за отображение URL-адресов в компоненты.

ChildRouter

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

RootRouter

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

Инструкция компонента

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

Определение маршрута

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

Параметры маршрута

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

Директива

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

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

Сервис

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

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

$routerRootComponent

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

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

Spec-Zone.ru

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