ng-template

[deepthan]

ng-template

是什么

ng-template是一个模板元素，它里面的内容不会渲染，只有其他代码主动调用读取它，它才会显示出来。

它一般和结构型指令结合使用，如*ngIf, *ngFor, [ngSwitch]或其他自定义指令。

如果只是像下面这样写不会显示出来。

<ng-template>
    <p> 这是一块正经的内容 </p>
</ng-template>

怎么用

<p *ngIf="isCat; else isDog">
    小猫
</p>

<ng-template #isDog> <p>小狗</p> </ng-template>

一般使用场景是有一段html代码，在某个时刻需要使用到会把它包裹在ng-template中。