Angular-এ DOM এলিমেন্টের বৈশিষ্ট্যগুলির সাথে মান বাঁধাই

Angular-এ, ট্যাগগুলিতে মান বাঁধাই দুটি প্রকারে বিভক্ত: ট্যাগের অ্যাট্রিবিউটে এবং DOM এলিমেন্টের বৈশিষ্ট্যে। সাধারণত, এরা একই জিনিস, কিন্তু কখনও কখনও এর তারতম্য থাকে।

আসুন উদাহরণের মাধ্যমে এই দুটি পদ্ধতি দেখি। আমাদের কাছে নিম্নলিখিত ক্লাস বৈশিষ্ট্য আছে বলে ধরি:

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

এই বৈশিষ্ট্যের মানটি textarea-এর টেক্সটে আউটপুট করা যাক

app/app.component.html<textarea>{{ text }}</textarea>

এবং এখন placeholder অ্যাট্রিবিউটে:

app/app.component.html<textarea placeholder="{{ text }}"></textarea>

এবং এখন ডেটা সরাসরি DOM এলিমেন্টের বৈশিষ্ট্যে লিখি। এটি করার জন্য, আমরা অ্যাট্রিবিউটের নামকে বর্গাকার বন্ধনীর মধ্যে রাখব:

app/app.component.html<textarea [value]="text"></textarea>