কম্পোনেন্ট ক্লাসের প্রপার্টিগুলো Angular টেমপ্লেটে

কম্পোনেন্ট ক্লাসের সকল পাবলিক প্রপার্টি কম্পোনেন্ট টেমপ্লেটের ভিতরে অ্যাক্সেস করা যাবে। আসুন দেখি কিভাবে এগুলি অ্যাক্সেস করা যায়।

ধরুন আমাদের ক্লাসে নিম্নলিখিত পাবলিক প্রপার্টি রয়েছে:

export class AppComponent {
	public test: string = 'abcde';
}

আমাদের প্রপার্টির বিষয়বস্তু আউটপুট করি মার্কআপে। এটি করার জন্য আপনাকে ডবল কার্লি ব্র্যাকেটের ভিতরে প্রপার্টির নাম লিখতে হবে:

<div>
	{{ test }}
</div>

নিম্নলিখিত মার্কআপ দেওয়া হয়েছে:

<ul>
	<li>name: john</li>
	<li>surn: smit</li>
</ul>

এটি এমনভাবে করুন যাতে নাম এবং উপাধি কম্পোনেন্ট ক্লাস থেকে টেমপ্লেটে প্রেরণ করা হয়।