2016-10-22 52 views

उत्तर

2

संपत्ति बंधन -

मामले में आप बच्चे घटक के माता-पिता घटक से मूल्य पारित करने के लिए (चाहे मूल्य स्थिर या गतिशील है) हम property binding कि ऐसा करके मतलब उपयोग करने के लिए हम प्रयोग कर मूल्य भेजने घटक पर विशेषता और माता पिता की संपत्ति के उदाहरण के लिए @Input एनोटेशन का उपयोग करने में वहाँ पाने के बंधन यहाँ देख -

<my-child [myProp]="prop" /> 

घटना बाइंडिंग -

पारे से बच्चे की घटना/विधि पकड़ने NT घटक

हम क्लिक या कुछ और बच्चे घटक से पर कुछ ईवेंट को सक्रिय और माता पिता के एक हम Event Binding उपयोग करने के लिए पारित करने के लिए जब भी नीचे दिए गए उदाहरण में यहाँ देख -

<my-child [myProp]="prop" (onPropChange)="onPropChange($event)"</strong> /> 
यहाँ

हम उपयोगकर्ता है onPropChange इवेंट बाध्यकारी के रूप में हम EventEmitter का उपयोग करके उस ईवेंट को पकड़ और आग लगा सकते हैं।

और अधिक विस्तार के लिए यहाँ देख

+0

दोनों एक तरह से बाध्यकारी या दो-तरफ़ा बंधन के लिए उपयोग किया जाता है है? –

+1

संपत्ति बाध्यकारी के लिए निश्चित रूप से बाध्यकारी है, लेकिन पेरेंट घटक –

+0

में ईवेंट बाइंडिंग कॉलबैक फ़ंक्शन अब मुझे कोणीय में बाध्यकारी डेटा के बारे में मंजूरी मिल गई है। धन्यवाद :) –

2

पंक्ति 1:

input [value]="username" (input)="username = $event.target.value" 

पंक्ति 2:

Hello {{username}}! 

की यहाँ क्या हो रहा है पर गहन चर्चा लेते हैं:

  • [value]=”username” - बांधता अभिव्यक्ति इनपुट तत्व की मूल्य संपत्ति के लिए sion उपयोगकर्ता नाम।
  • (input)=”expression” - इनपुट तत्व के इनपुट ईवेंट में अभिव्यक्ति को बाध्य करने का एक घोषणात्मक तरीका है (हां ऐसी घटना है)।
  • username = $event.target.value - इनपुट ईवेंट निकाल दिए जाने पर अभिव्यक्ति को निष्पादित किया जाता है।
  • $event - अंगुलर द्वारा ईवेंट बाइंडिंग में एक अभिव्यक्ति का खुलासा किया गया है, जिसमें ईवेंट के पेलोड का मूल्य है।

इन अवलोकनों को ध्यान में रखते हुए, यह बहुत स्पष्ट हो जाता है कि क्या हो रहा है। हम उपयोगकर्ता की अभिव्यक्ति के मूल्य को इनपुट की मूल्य प्रॉपर्टी पर बाध्य कर रहे हैं (डेटा घटक में जाता है)।

संबंधित मुद्दे