单击时按钮消失

Question

我想在点击后取消我的按钮。我已经搜索了几个小时，但没有找到合适的解决方案。

所以当事件发生时，按钮需要消失。

如何在 angular 中完成？

Answer 1

应该是这样的

在.html:

<div class="my_class" (click)="clickEvent()"  
    [ngClass]="status ? 'visible' : 'hidden'">                
     Button
</div>

在 .ts 中：

status: boolean = true;
clickEvent(){
    this.status = !this.status;       
}

一些样式：

.visible {visibility: visible}
.hidden{visibility: hidden}