if կոնստրուկցիան Angular-ում

Պայմանը Angular-ում կարելի է ստեղծել նաև հատուկ @if կոնստրուկցիայի միջոցով: Այս կոնստրուկցիան թույլ է տալիս ցուցադրել կամ թաքցնել կոդի բլոկները՝ ըստ պայմանի: Եկեք տեսնենք, թե ինչպես աշխատել դրա հետ:

Ենթադրենք, մենք ունենք հետևյալ փոփոխականը:

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

Եկեք ստեղծենք մի div, որը կցուցադրվի, եթե այս փոփոխականն ունի true արժեքը:

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

Եկեք ստեղծենք այնպես, որ div-ը ցուցադրվի, եթե մեր փոփոխականն ունի false արժեքը:

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