Dodaj atrybuty do Angular 2 Selektor składników

Question

Chciałbym dodać atrybuty do niestandardowego selektora, który utworzę w 2-składnikowej implementacji kątowej.

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

Tak, że kiedy robię <my-node> DOM generuje selektor z tych dodatkowych atrybutów

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

nie chcą ciężko kodem tych atrybutów za każdym razem robię <my-node>. Chcę, aby te atrybuty były częścią konstruktora selektorów.

Coś jak to, co Im szuka ale nie widząc niczego podobnego w API

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

Answer 1

Korzystanie host z @Component właściwości metadanych. To jest przykład plunk. Zobacz app/app.component.ts

Answer 2

Inną opcją jest użycie dectorator HostBinding

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