在Angular中隐藏和显示div

Question

我想显示一个在单击按钮时隐藏的div。我正在使用Angular7，我尝试了一些方法，但没有用。请帮我。谢谢

Answer 1

您可以使用* ngIf

模板：

<div *ngIf="display">Test Data</div>
<input type="button" value="click" (click)="update"/>

组件：

display = true;
update(){
   this.display = !this.display;
}

Answer 2

根据需要更改显示或可见性。

使用ngStyle或ngClass根据条件进行设置

Answer 3

您可以将* ngIf指令链接到您的组件，并将其变量设置为True， 然后在按钮上单击，将变量修改为false。

模板：

<div *ngIf='variable'></div>
<button (click)='showContent()'></button>

组件：

  variable = true;
  showContent() {
  this.variable = false;
}