Angular'da if Yapısı

Angular'da koşul, özel bir yapı olan @if ile de oluşturulabilir. Bu yapı, kod bloklarını bir koşula göre göstermeye veya gizlemeye olanak tanır. Onunla nasıl çalışılacağına bir göz atalım.

Aşağıdaki değişkene sahip olduğumuzu varsayalım:

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

Bu değişkenin değeri true ise gösterilecek bir div yapalım:

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

Değişkenimizin değeri false ise div'in gösterilmesini sağlayalım:

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