Angular හි if ඩිරෙක්ටිව්

Angular හිදී, විචල්‍යයක අගය අනුව ටැගයක් පෙන්වීම හෝ සැඟවීම සිදු කළ හැකිය. මේ සඳහා විශේෂ ඩිරෙක්ටිව් *ngIf යොදා ගනී. එය සමඟ වැඩ කරන ආකාරය බලමු.

පළමුව, මෙම ඩිරෙක්ටිව් ආයාත කිරීමට අවශ්‍ය වේ:

import {NgIf} from "@angular/common";

එය ඩිකෝරේටරය තුළ ඇති ආයාත අංශයට එකතු කරන්න:

@Component({
	.....
	imports: [....., NgIf],
	....
})

දැන් අපට පහත විචල්‍යය ඇතැයි සිතමු:

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

මෙම විචල්‍යයේ අගය true නම් පෙන්වන div එකක් සාදමු:

<div *ngIf="isAdmin">
	text
</div>

දැන් අපගේ විචල්‍යයේ අගය false නම් div එක පෙන්වන ආකාරයට කරමු:

<div *ngIf="!isAdmin">
	text
</div>

isAdult ගුණාංගය සාදන්න. අපගේ විචල්‍යයේ true අගය තිබේ නම්, වැඩිහිටියන් සඳහා වන පෙළ පෙන්වන්න.