Angularдагы if конструкциясы

Angular'да шартты @if деген атайын конструкция менен да түзсө болот. Бул конструкция код блогуларын шарт боюнча көрсөтүүгө же жашырууга мүмкүндүк берет. Аны кантип колдонуу керек экенин көрөлү.

Бизде төмөндөгү өзгөрмө бар деп коёлу:

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

Бул өзгөрмө true маанисине ээ болгондо көрсөтүлчү бир див түзөлү:

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

Див биздин өзгөрмөбүз false маанисине ээ болгондо көрсөтүлсүн:

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