Условный рендеринг с * ngIf Angular 6

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 , но со 2-го раза я не могу сделать этот div видимым из-за this.parentElement.style.display = 'none«.Как я могу решить это, чтобы показать этот div каждый раз showError = true даже после закрытия div раньше?

Answer 1

Вы можете просто сделать это, установив значение false

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