প্রপার্টি বাইন্ডিং মূলত কম্পোনেন্ট ক্লাস (app.componal.ts) থেকে ইউজার এন্ড(app.componal.html) এ ডাটা পাস করার জন্য ব্যবহার করা হই ।
সিনটেক্স
[Property]=”expression”
প্রপার্টি বাইন্ডিং [ ] বন্ধনী ব্যবহার করে। বাইন্ডিং টার্গেট বর্গাকার বন্ধনীগুলির ভিতরে স্থাপন করা হয়। বাইন্ডিং সোর্স ডাবল কোট এর মধ্যে আবদ্ধ।
আপনি এই কোডগুলি app.componant.html এ যুক্ত করতে পারেন এবং ফলাফলটি দেখতে পারেন
<p [innerText]=”title”></p>
<p [innerText]=”getTitle()”></p>
<p [innerText]=”‘Hello & Welcome to ‘+ ‘ Angular Data binding ‘”></p>
<p [innerText]=”100*80″></p>
<p [style.color]=”color”>This is red</p>
আপনি এই কোডগুলি app.componant.ts এ যুক্ত করতে পারেন এবং ফলাফলটি দেখতে পারেন
getTitle(): string {
return this.title;
}
title = ‘hello’;
color= ‘red’;
প্রপার্টি বাইন্ডিং সংক্রান্ত নোটসমূহ
১। প্রপার্টি বাইন্ডিং অন ওয়ে কম্পোনেন্ট টু ভিউ
২। বাইন্ডিং সোর্স একটি টেম্পলেট এক্সপ্রেশন
৩। নন-স্ট্রিং রিটার্ন মানগুলি অনুমোদিত