Канструкцыя if у Angular

Умова ў 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>
}