Directive that marks the insertion point for the transcluded DOM of the nearest parent directive that uses transclusion.
You can specify that you want to insert a named transclusion slot, instead of the default slot, by providing the slot name as the value of the
If the transcluded content is not empty (i.e. contains one or more DOM nodes, including whitespace text nodes), any existing content of this element will be removed before the transcluded content is inserted. If the transcluded content is empty (or only whitespace), the existing content is left intact. This lets you provide fallback content in the case that no transcluded content is provided.
<ng-transclude ng-transclude-slot="string"> ... </ng-transclude>
<ANY ng-transclude="string"> ... </ANY>
<ANY class="ng-transclude: string;"> ... </ANY>
|ngTransclude | ngTranscludeSlot|| || |
the name of the slot to insert at this point. If this is not provided, is empty or its value is the same as the name of the attribute then the default slot is used.
This example demonstrates basic transclusion of content into a component directive.
This example shows how to use
NgTransclude with fallback content, that is displayed if no transcluded content is provided.
This example demonstrates using multi-slot transclusion in a component directive.
© 2010–2020 Google, Inc.
Licensed under the Creative Commons Attribution License 3.0.