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

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

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

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

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

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

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

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

в качестве элемента: (Эта директива может быть использована как пользовательский элемент, но имейте в виду ограничения IE).
```
<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–2017 Google, Inc.
Licensed under the Creative Commons Attribution License 4.0.
https://code.angularjs.org/1.5.11/docs/api/ng/directive/ngTransclude