कोणीय 2 घटक चयनकर्ता

Question

पर विशेषताओं को जोड़ें I कोणीय 2 घटक कार्यान्वयन में बनाए गए कस्टम चयनकर्ता में विशेषताओं को जोड़ना चाहते हैं।

@Component({ 
selector: 'my-node',  // add attributes to this selector 
template: `<div> <ng-content></ng-content> </div>`  
}) 

ताकि जब मैं <my-node> कर डोम इन अतिरिक्त विशेषताओं

<my-node flex="25" layout="row">

साथ चयनकर्ता उत्पन्न करता है मैं नहीं चाहता कि कठिन कोड में ये गुण हर बार जब मैं <my-node> करना चाहते हैं। मैं उन विशेषताओं को चयनकर्ताओं का निर्माण टेम्पलेट का हिस्सा बनना चाहता हूं।

कुछ इस तरह मैं के लिए क्या देख लेकिन एपीआई

@Component({ 
selector: 'my-node',  
selectorAttributes: `layout="row"` // generates <my-node layout="row"> 
template: `<div> <ng-content></ng-content> </div>`  
}) 

Answer 1

@Component मेटाडाटा संपत्ति का उपयोग host में यह ऐसा कुछ नहीं देखा जाना है।

@Component({ 
    selector: 'my-node',  // add attributes to this selector 
    template: `<div> <ng-content></ng-content> </div>`, 
    host: { // this is applied to 'my-node' in this case 
     "[class.some-class]": "classProperty", 
     "[attr.some-attr]": "attrProperty", 
    }, 
}) 

यहां एक उदाहरण plunk है। देखें app/app.component.ts

Answer 2

एक अन्य विकल्प HostBinding dectorator

@HostBinding('attr.layout') 
layout = 'row';