Angular 10 NgTemplateOutlet 指令

在本文中，我们将了解 Angular 10 中的NgTemplateOutlet是什么以及如何使用它。

NgTemplateOutlet _ 在 Angular10 中，用于从准备好的 TemplateRef 插入嵌入式视图。 NgTemplateOutlet 添加显示在页面上的引用元素。

句法：

NgModule：NgTemplateOutlet使用的模块是：

• 通用模块

选择器：

• [NgTemplateOutlet]

方法：

• 创建一个要使用的 Angular 应用程序。
• 使用 NgIf 不需要任何导入。
• 在 app.component.html 中将 NgTemplateOutlet 指令添加到元素及其引用。
• 使用 ng serve 为 Angular 应用程序提供服务以查看输出。

示例 1：

app.component.html

  

    
GeeksforGeeks
  
    

        ngTemplateOutlet Directive
    

输出：

示例 2：

app.component.html

  

    

        GeeksforGeeks
    
    

        We can also use ngTemplateOutlet Directive with a div 
    

输出：

参考： https://angular.io/api/common/NgTemplateOutlet