Angular-та if құрылымы

Angular-та шартты арнайы @if құрылымының көмегімен жасауға болады. Бұл құрылым код блоктарын шарт бойынша көрсетуге немесе жасыруға мүмкіндік береді. Онымен қалай жұмыс істеуге болатынын қарастырайық.

Бізде келесі айнымалы бар делік:

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

Бұл айнымалының мәні true болған жағдайда көрсетілетін div жасайық:

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

Біздің айнымалымыздың мәні false болғанда div көрсетілетін етейік:

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