使用 *ngIf Angular 6 进行条件渲染答案

【问题标题】：Conditional rendering with *ngIf Angular 6使用 *ngIf Angular 6 进行条件渲染
【发布时间】：2019-03-06 11:57:44
【问题描述】：

我是 Angular 6 开发的新手，我正在寻找以下问题的解决方案。

我尝试实现以下加载条件 (*ngIf = "showError")

<div *ngIf="showError" class="alert">
  <span class="closebtn" onclick="this.parentElement.style.display='none';">&times;</span> 
  <strong>Alert </strong> Error occured when saving data.
</div>

当我第一次使用关闭按钮关闭此 div 时它显示，然后我继续生成相同的错误，这意味着 showError = true 但从第二次开始我可以' t 由于 this.parentElement.style.display='none' 而使这个 div 可见。即使在之前关闭 div 之后，我如何解决这个问题以在每次 showError = true 时显示这个 div？

【问题讨论】：

为什么不onclick="showError = false"？
Angular 2 Show and Hide an element的可能重复

标签： css angular

【解决方案1】：

你可以简单地通过设置为 false 来做到这一点

<span class="closebtn" (click)="showError = false">&times;</span>

【讨论】：