კონსტრუქცია 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>
}