2016-01-05 17 views
5

में नेस्टेड घटकों के लिए प्रपत्र सत्यापन लागू करने के लिए मैं plunker डेमो यहाँ है:कैसे angular2

http://plnkr.co/edit/LX1m2zIpxe3M1Zs5F6zA?p=preview

जो एक पते घटक माता पिता घटक में नेस्ट है।

मैं पता घटक पर फॉर्म सत्यापन कैसे लागू कर सकता हूं और फॉर्म पर पते घटक के मान सबमिट कर सकता हूं? कोई मुझे नेस्टेड घटकों के रूप मूल्य प्राप्त करने के लिए मार्गदर्शन करता है।

constructor(fb: FormBuilder) { 
this.myForm = fb.group({ 
    'name': ['', Validators.required], 
    'Phone': ['', Validators.required] 
}); 

}

मैं कैसे माता पिता में पता घटक के मूल्यों को इंजेक्षन करते हैं? ऐसा करने के लिए सबसे अच्छा अभ्यास क्या है क्योंकि मैं नेस्टेड घटकों में फॉर्म करने के लिए नया हूं। कृपया मदद करे।

+0

आप पता इनपुट क्षेत्र पर 'required' विशेषता का उपयोग कर सकते हैं प्रतिक्रियाशील रूपों के बारे में पता कर सकते हैं? –

उत्तर

0

आप यह कर सकते हैं लेकिन यह कुछ काम करेगा। सबसे पहले आपको एक स्मार्ट और गूंगा घटक संबंध बनाना होगा, एचटीएमएल धारण करने वाला गूंगा घटक, और तर्कसंगत स्मार्ट घटक (अभिभावक)।

आप इस पैटर्न here

आप गूंगा घटक से कोणीय के @Input और @Ouput हो और भेजने के लिए मूल्यों का उपयोग करने की आवश्यकता के बारे में पढ़ सकते हैं।

तो आप एक कोणीय EventEmitter का उपयोग प्रपत्र मूल्यों स्मार्ट घटक

को वापस भेजने के लिए आप पढ़ सकते हैं और अधिक here

यह टेम्प्लेट संचालित रूपों के साथ ऐसा करना संभव है कर सकते हैं। ऐसा लगता है कि आपका वर्तमान कोड टेम्पलेट संचालित और प्रतिक्रियाशील मिश्रण का मिश्रण है ... मैं इसे प्रतिक्रियाशील रूपों के साथ करने में देखता हूं, यह आसान होगा।

आप here