if konstruksiyası Angular-da

Angular-da şərti @if xüsusi konstruksiyası ilə də yaratmaq olar. Bu konstruksiya şərtdən asılı olaraq kod bloklarını göstərməyə və ya gizlətməyə imkan verir. Gəlin onunla necə işləməyə baxaq.

Tutaq ki, bizim aşağıdakı dəyişənimiz var:

app/app.component.tsexport class AppComponent {
  public isAdmin: boolean = true;
}

Gəlin bu dəyişənin qiyməti true olduqda göstəriləcək bir div edək:

app/app.component.html@if (isAdmin) {
  <div>
    text
  </div>
}

Gəlin elə edək ki, div bizim dəyişənin qiyməti false olduqda göstərilsin:

app/app.component.html@if (!isAdmin) {
  <div>
    text
  </div>
}