Иначе если в angular 8

Question

У меня есть две переменные isLoader и isError, когда isLoader равно true, тег img должен быть видимым, а когда isError равно true, тег img должен быть скрыт.

 if(isLoader == true){
  <img src="#" alt="" style="display:block;">
  }

 else if(isError == true){

  <img src="#" alt="" style="display:none;">
  }

Как применить оператор if-else в angular?

Answer 1

Вы можете связать стиль условно.

Попробуйте так:

<img src="#" alt="" [style.display]="isLoader ? 'block':(isError ? 'none' : '')">

Рабочая демонстрация

Answer 2

Использование *ngIf

  <img *ngIf="isLoader " src="#">
  <img *ngIf="!isLoader && isError" src="#">

Рабочий пример: https://stackblitz.com/edit/angular-empty-project-djelqs?file=app / app.component. html