angular - 如何显示图标（onclick）并在 3 秒后删除？

Question

我有一个下拉项，单击时我希望它显示一个图标，然后在 3 秒后将其删除。ngHide 似乎不起作用。

我已经尝试过 setTimeout，但它不起作用。

<a class="dropdown-item" (click)="onReportClick()">Report
    <i class="icon ion-md-checkmark listing-dropdown-icon" ngHide="reportIcon"></i>
</a>

export class CardComponent implements OnInit {
  appname = '';

  onReportClick() {

  }

  ngOnInit() { }

  constructor() { }
}

我希望图标出现(onclick)="onReportClick()"然后在 3 秒后消失。

标签： angulartypescript

Answer 1

<i class="icon ion-md-checkmark listing-dropdown-icon" [hidden]="reportIcon"></i>

<!---->

export class CardComponent implements OnInit {
  appname = '';
  reportIcon = true;

  onReportClick() {
    this.reportIcon = false;
    setTimeout(() => { this.reportIcon = true }, 3000)
  }

  ngOnInit() { }

  constructor() { }
}