Angular 10 Директива NgTemplateOutlet
Опубликовано: 23 Августа, 2022
В этой статье мы рассмотрим, что такое NgTemplateOutlet в Angular 10 и как его использовать.
NgTemplateOutlet _ в Angular10 используется для вставки встроенного представления из подготовленного TemplateRef . NgTemplateOutlet добавляет элемент ссылки, который отображается на странице.
Синтаксис:
<li *NgTemplateOutlet="condition"></li>
NgModule: модуль, используемый NgTemplateOutlet:
- Общий модуль
Селекторы:
- [NgTemplateOutlet]
Подход:
- Создайте угловое приложение, которое будет использоваться.
- Нет необходимости в каком-либо импорте для использования NgIf.
- в app.component.html добавьте директиву NgTemplateOutlet к элементу с его ссылкой.
- Служите угловому приложению, используя ng serve, чтобы увидеть результат.
Пример 1:
app.component.html
<ng-container *ngTemplateOutlet="gfg"></ng-container> <ng-template #gfg> <h1>GeeksforGeeks</h1> <div> ngTemplateOutlet Directive </div></ng-template> |
Выход:
Пример 2:
Выход:
Ссылка: https://angular.io/api/common/NgTemplateOutlet