ইন্টারপোলেশন (Interpolation):
ইউজার টেমপ্লেট (template) এ ডাটা বাইন্ড করতে পারে ক্লাস (Class) থেকে –
- বাইন্ড ডাটা ডাবল কারলি ব্রাকেট ব্যবহার করে
{{property_name}} → ডাবল কারলি ব্রাকেট এর মধ্যে ক্লাস প্রপার্টি নাম থাকবে । তাহলে ডাইনামিক ভ্যালু দেখাবে ।
2. ইউজিং সিনটেক্স
<h2>{{2+2}}</h2> → output: 4
3. স্ট্রিং কংক্যাটেনশন + প্রপার্টি নাম
concatenation: <p>{{“welcome ” + name}}</p>
<p>{{name.length}}</p>
<p>{{name.toUpperCase()}}</p>
4. ইউজিং মেথড
<p>{{greetUser()}}</p>
কম্পোনেন্ট ফাইল
greetUser(){
Return “Hello ” + this.name;
}
5.অন্য ভাবে
public siteUrl = window.location.href;
<p>{{siteUrl}}</p>
Not possible:
<p>{{a = 2+2}}</p> ভ্যারিয়েবল এ এক্সপ্রেশন এসাইন করা যাবে না । ব্রাউজার এর কনসোলে দেখাবে – Template parse error.
<p>{{window.location.href}}</p> টেমপ্লেট জাভাস্ক্রিপ্ট গ্লোবাল ভ্যারিয়েবল বুঝে না । ব্রাউজার এর কনসোলে দেখাবে – location of undefined.
possible:
#<p>{{siteUrl}}</p> (public siteUrl = window.location.href)