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 মান থাকে।