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

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

Обзор

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

Требуется модуль ngRoute.

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

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

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

Эта директива создаёт новый scope.
Эта директива выполняется на уровне приоритета 400.

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

как элемент: (Эта директива может использоваться как пользовательский элемент, но следует учитывать ограничения IE).
```
<ng-view
  [onload="string"]
  [autoscroll="string"]>
...
</ng-view>
```

как атрибут:

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

как CSS-класс:

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

Анимации

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

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

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

Аргументы

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

Параметр	Тип	Подробности
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

Цель:

текущий scope ngView

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