Angular में if कंस्ट्रक्शन

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 मान है।