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