Angular 2 Bileşen Seçici için özellikler ekleyin

Question

Açısal 2 bileşen uygulamasında oluşturduğum özel seçiciye öznitelikleri eklemek istiyorum.

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

ben <my-node> ne zaman dom bu ekstra nitelikler

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

ile seçici oluşturduğu Bunları niteliklerini sert koduna ben <my-node> yapmak her zaman istemiyorsunuz. Bu özniteliklerin şablon oluşturucuların bir parçası olmasını istiyorum. Böyle

şey Im arayan ancak API

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

Answer 1

@Component meta özelliğinin kullanılması host böyle bir şey göremiyorum şeydir.

@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", 
    }, 
}) 

İşte bir örnek plunk. app/app.component.ts

Answer 2

Başka bir seçenek de başarmak için çalışıyoruz ne HostBinding dectorator

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