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

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

Обзор

Директива, которая отмечает точку вставки трансклюдированного DOM ближайшей родительской директивы, использующей трансклюзию.

Вы можете указать, что хотите вставить именованный слот трансклюзии, вместо стандартного, указав имя слота в качестве значения атрибута ng-transclude или ng-transclude-slot.

Если трансклюдированное содержимое не пустое (т.е. содержит один или несколько узлов DOM, включая текстовые узлы с пробелами), любое существующее содержимое этого элемента будет удалено перед вставкой трансклюдированного содержимого. Если трансклюдированное содержимое пустое (или содержит только пробелы), существующее содержимое останется без изменений. Это позволяет предоставить резервное содержимое в случае отсутствия трансклюдированного содержимого.

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

Эта директива выполняется на уровне приоритета 0.

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

как элемент:

<ng-transclude
  ng-transclude-slot="string">
...
</ng-transclude>

как атрибут:

<ANY
  ng-transclude="string">
...
</ANY>

как класс CSS:

<ANY class="ng-transclude: string;"> ... </ANY>

Аргументы

Параметр	Тип	Подробности
ngTransclude \| ngTranscludeSlot	`string`	имя слота для вставки в этой точке. Если это не указано, пустое или совпадает с именем атрибута, используется стандартный слот.

Примеры

Базовая трансклюзия

Этот пример демонстрирует базовую трансклюзию содержимого в компонентскую директиву.

Трансклюзия резервного содержимого

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

Трансклюзия с несколькими слотами

Этот пример демонстрирует использование трансклюзии с несколькими слотами в компонентной директиве.

© 2010–2020 Google, Inc.
Licensed under the Creative Commons Attribution License 3.0.
https://code.angularjs.org/1.8.2/docs/api/ng/directive/ngTransclude