पाठ 5 / 30

इंटरपोलेशन और प्रॉपर्टी बाइंडिंग

अपनी क्लास से डेटा को टेम्पलेट में लाएँ।

इंटरपोलेशन

{{ expression }} किसी मान को टेम्पलेट के अंदर टेक्स्ट के रूप में डालता है।

<h1>{{ title }}</h1>
<p>Total: {{ price * quantity }}</p>

प्रॉपर्टी बाइंडिंग

[property]="expression" किसी DOM प्रॉपर्टी (सिर्फ़ टेक्स्ट नहीं) को क्लास के मान से जोड़ता है।

<img [src]="photoUrl" [alt]="photoAlt">
<button [disabled]="isSaving">Save</button>

एकतरफ़ा, क्लास से व्यू तक

दोनों एकतरफ़ा हैं: डेटा कंपोनेंट क्लास से टेम्पलेट की ओर जाता है। क्लास का फ़ील्ड बदलें और व्यू अपने-आप अपडेट हो जाता है।