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