將數據傳遞給樣式組件angular2

Question

如何將角度標記中的數據傳遞到@component中的樣式？

這是我的組分：

進口{元器件，輸入從} '@角/芯';

@Component({ 
    selector: 'icon', 
    template: `<svg class="icon"><use attr.xlink:href="#{{name}}"></use></svg>`, 
    styles: ['.icon{width:{{size}}px;}'] 
}) 
export class IconComponent { 
    @Input() name: string; 
    @Input() size: any; 

    constructor() { } 

} 

我想從組件設置大小屬性。在HTML文件中使用

：

<a href="/" class="logo"><icon name="logo" size="37"></icon></a> 

Answer 1

在風格綁定不支持。您可以使用樣式綁定，如

template: `<svg class="icon" [style.width.px]="size"><use attr.xlink:href="#{{name}}"></use></svg>`,