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 արժեքը: