დირექტივა if Angular-ში

Angular-ში შესაძლებელია ისეთი რამის გაკეთება, რომ თეგი გამოჩნდეს ან დამალული იყოს ცვლადის მნიშვნელობიდან გამომდინარე. ამისთვის გამოიყენება სპეციალური დირექტივა *ngIf. მოდით შევხედოთ, როგორ ვიმუშაოთ მასთან.

დასაწყისისთვის ეს დირექტივა საჭიროებს იმპორტირებას:

app/app.component.tsimport {NgIf} from "@angular/common";

და დაუმატეთ იგი იმპორტების სექციაში დეკორატორში:

app/app.component.ts@Component({
  .....
  imports: [....., NgIf],
  ....
})

მოდით ახლა გვქონდეს შემდეგი ცვლადი:

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

მოდით გავაკეთოთ div, რომელიც გამოჩნდება, თუ ამ ცვლადის მნიშვნელობა არის true:

app/app.component.html<div *ngIf="isAdmin">
  text
</div>

ახლა კი გავაკეთოთ ისე, რომ div გამოჩნდეს, თუ ჩვენი ცვლადის მნიშვნელობა არის false:

app/app.component.html<div *ngIf="!isAdmin">
  text
</div>