如何在角度2中更改组件html模板？

Question

比如我有一个简单的模板，这个组件：

<div> 
    <h2>Hello!!!</h2> 
    </div> 

，我想添加这个新的模板标签：

<div> 
    <h2>Hello!!!</h2> 
    <div class = "new-tag"> 
     </div> 
    </div> 

我怎样才能做到这一点？ 谢谢。

Answer 1

使用结构指令像*ngIf

<div> 
    <h2>Hello!!!</h2> 
    <div *ngIf="showNew" class = "new-tag"></div> 
    <button (click)="showNew = true">click me</button> 
    </div>