Улучшить эту документацию Просмотреть исходный код 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–2020 Google, Inc.
Licensed under the Creative Commons Attribution License 3.0.
https://code.angularjs.org/1.8.2/docs/api/ngRoute/directive/ngView