DOM तत्वों के गुणों के लिए मान बाइंडिंग Angular में

Angular में, टैग्स के लिए मान बाइंड करने के दो प्रकार हैं: टैग की विशेषता (attribute) के लिए और DOM तत्व के गुण (property) के लिए। आम तौर पर, यह एक ही होता है, लेकिन कभी-कभी इसका अंतर महत्वपूर्ण होता है।

आइए उदाहरणों के साथ इन दोनों तरीकों को देखें। मान लीजिए कि हमारे पास निम्नलिखित क्लास प्रॉपर्टी है:

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

आइए इस प्रॉपर्टी के मान को textarea के टेक्स्ट में दिखाएं

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

और अब placeholder विशेषता (attribute) में:

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

और अब डेटा को सीधे DOM तत्व के गुण (property) में लिखें। इसके लिए, हम विशेषता के नाम को वर्गाकार कोष्ठक में लेंगे:

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