Улучшить эту документацию Просмотреть исходный код 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.7.8/docs/api/ngRoute/directive/ngView