2016-06-22 20 views
12

मैं कोणीय 2 में एक पुन: प्रयोज्य घटक लिख रहा हूं। माता-पिता घटक में, मैं इस तरह टेम्पलेट में शामिल करके बच्चे में @Input का मान सेट कर सकते हैं:कोणीय 2: पास बूलियन @ इनपुट

<child-component #logoutModal [button1Text]="'Do Something Groovy'" 
    [showbutton1]="false"></child-component' 

पाठ, बच्चे {{ button1Text }} का उपयोग करते हुए अंतर्वेशित अपेक्षा के अनुसार। हालांकि, ऊपर बुलियन के लिए, मान टेम्पलेट में पारित नहीं किया गया है। यदि मैं बच्चे के घटक के टेम्पलेट में {{showButton1}} करता हूं, तो यह true प्रदर्शित करता है, जो कि @Input सजावट का उपयोग कर बच्चे के वर्ग में डिफ़ॉल्ट मान सेट है।

संपादित करें:

export class ChildComponent implements AfterViewInit { 
    // default values 
    @Input() public showButton1: boolean = true; 
    @Input() public button1Text: string = 'OK'; 
    //.. 

मैं कैसे ओवरराइड करते/माता-पिता घटक से इस बूलियन मान सेट करें: यहाँ कैसे मैं बच्चे घटक में मूलभूत मूल्यों की स्थापना की है? धन्यवाद!

+0

आप दिखा सकते हैं कि आपके घटक का हिस्सा है? – rinukkusu

उत्तर

7

यह

[showButton1] 
बजाय

होना चाहिए

[showbutton1] 

(अपरकेस B - Angular2 टेम्पलेट्स केस संवेदी होते हैं)

+3

डीओएच! चेहरा-हथेली। आपके धैर्य के लिए धन्यवाद! – Fiona

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