Spec-Zone.ru › Angular.js 1.5

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

Установка

Сначала получите файл:

  • Google CDN например,
    "//ajax.googleapis.com/ajax/libs/angularjs/X.Y.Z/angular-route.js"
  • NPM например,
    npm install --save angular-route@X.Y.Z
    или
    yarn add angular-route@X.Y.Z
  • Bower например,
    bower install angular-route#X.Y.Z
  • code.angularjs.org (не рекомендуется для использования в производстве) например,
    "//code.angularjs.org/X.Y.Z/angular-route.js"

где X.Y.Z — версия AngularJS, которую вы используете.

Затем добавьте angular-route.js в свой HTML:

<script src="path/to/angular.js"></script>
<script src="path/to/angular-route.js"></script>

Наконец, загрузите модуль в ваше приложение, добавив его в качестве зависимого модуля:

angular.module('app', ['ngRoute']);

Теперь вы готовы начать!

ngRoute

Модуль ngRoute предоставляет службы маршрутизации и глубокой привязки, а также директивы для приложений Angular.

См. $route для примера конфигурации и использования ngRoute.

Известные проблемы

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

Если ngView содержится в асинхронно загружаемом шаблоне (например, в другом шаблоне директивы или в шаблоне, загруженном с помощью ngInclude), вам необходимо убедиться, что $route инициализируется вовремя, чтобы поймать начальное событие $locationChangeStart и загрузить соответствующий вид. Один из способов добиться этого — сделать его зависимостью в блоке .run: myModule.run(['$route', function() {}]);

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

Директива

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

Обзор

ngView — это директива, которая дополняет службу $route, подключая рендеренный шаблон текущего маршрута в основной макет (index.html) файл. Каждый раз, когда текущий маршрут меняется, включенный вид меняется вместе с ним в соответствии с конфигурацией службы $route.

Провайдер

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

Используется для конфигурации маршрутов.

Служба

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

$route используется для глубокой привязки URL-адресов к контроллерам и представлениям (HTML-фрагментам). Она следит за $location.url() и пытается сопоставить путь с существующим определением маршрута.

$routeParams

Служба $routeParams позволяет получить текущий набор параметров маршрута.

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

Spec-Zone.ru

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