Question

我是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 ，但是从第二次开始由于 this.parentElement.style.display ='none'而无法使该div可见。即使之前关闭div之后，如何解决此问题以在每次showError = true时显示此div？

Answer 1

您只需将其设置为false即可

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

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

1 个答案: