बच्चे के घटक

Question

पर घटक गुणों का कोणीय सही फव्वारा मैं हाल ही में बाल घटकों के गुणों के प्रति प्रतिक्रिया में निम्नलिखित तकनीक से अवगत हो गया। यह विनाशकारी असाइनमेंट का उपयोग करता है:

const MyInputComponent = (props) => <input {...props} /> 

इसका उपयोग करके आप अपने इंटरफ़ेस को फिर से कार्यान्वित किए बिना पूरी तरह से घटकों को लपेट सकते हैं।

क्या कोणीय घटकों के लिए एक समान तकनीक है?

संपादित करें: पाया डुप्लिकेट Angular2: passing ALL the attributes to the child component

Answer 1

मैं स्टाइल और एनीमेशन के लिए इसके चारों ओर कुछ html तत्वों को जोड़ने के लिए एक रैप करने के लिए चाहते हैं। अन्यथा मुझे इन तत्वों को कई बार दोहराना होगा।

ngcontent आपका दोस्त है!

<div> 
     <my-wrapper> 
      <input .../> 
     </my-wrapper> 
    </div> 

के रूप में आप देख सकते हैं, आवरण से आप अपनी इच्छित पैरामीटर वाला चाहते हैं किसी भी टेम्पलेट हो सकता है:

@Component({ 
     selector: 'my-wrapper', 
     template: ` 
     <h1>my fancy header</h1> 
     <ng-content>YOUR INPUT WILL GO HERE</ng-content> 

     ` 
    }) 

मार्कअप कहीं भी आप आवरण का उपयोग करना चाहते। आपके अंदर डाले गए आंतरिक HTML में आपके इच्छित किसी भी पैराम के साथ कोई मार्कअप हो सकता है।