Улучшить эту документацию Просмотреть исходный кодngView

директива в модуле ngRoute

Обзор

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

Требует установки модуля ngRoute.

Информация о директиве

Эта директива создаёт новую область видимости.
Эта директива выполняется на уровне приоритета 400.

Использование

как элемент:

<ng-view
  [onload="string"]
  [autoscroll="string"]>
...
</ng-view>

как атрибут:

<ANY
  ng-view
  [onload="string"]
  [autoscroll="string"]>
...
</ANY>

как класс CSS:

<ANY class="ng-view [onload: string;] [autoscroll: string;]"> ... </ANY>

Аргументы

Параметр Тип Подробности

Параметр	Тип	Подробности
onload (необязательно)	`string`	Выражение, которое вычисляется всякий раз, когда вид обновляется.
autoscroll (необязательно)	`string`	Определяет, должен ли `ngView` вызывать $anchorScroll для прокрутки области просмотра после обновления вида. - If the attribute is not set, disable scrolling. - If the attribute is set without value, enable scrolling. - Otherwise enable scrolling only if the `autoscroll` attribute value evaluated as an expression yields a truthy value.

onload

(необязательно)

string

Выражение, которое вычисляется всякий раз, когда вид обновляется.

autoscroll

(необязательно)

string

Определяет, должен ли ngView вызывать $anchorScroll для прокрутки области просмотра после обновления вида.

- If the attribute is not set, disable scrolling.
- If the attribute is set without value, enable scrolling.
- Otherwise enable scrolling only if the `autoscroll` attribute value evaluated
  as an expression yields a truthy value.

События

$viewContentLoaded

Выдаётся каждый раз, когда содержимое ngView перезагружается.

Тип:

emit

Цель:

текущая область видимости ngView

Анимации

Анимация	Происходит
enter	при вставке нового элемента в DOM
leave	при удалении старого элемента из DOM

Анимации enter и leave происходят одновременно.

Нажмите здесь, чтобы узнать больше о этапах, участвующих в анимации.

Примеры

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

Улучшить эту документациюПросмотреть исходный кодngView