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

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

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

app/app.component.tsexport class AppComponent {
  public test: string = 'abcde';
}

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

app/app.component.html<div>
  {{ test }}
</div>

Задание 1

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

app/app.component.html<ul>
  <li>name: john</li>
  <li>surn: smit</li>
</ul>

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