კონსტრუქცია if Angular-ში

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

დავუშვათ, გვაქვს შემდეგი ცვლადი:

export class AppComponent {
	public isAdmin: boolean = true;
}

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

@if (isAdmin) {
	<div>
		text
	</div>
}

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

@if (!isAdmin) {
	<div>
		text
	</div>
}

გააკეთეთ თვისება isAdult. აჩვენეთ ტექსტი ზრდასრულებისთვის, თუ ჩვენს ცვლადში დევს მნიშვნელობა true.