如何在角度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>