데이터를 스타일 구성 요소로 전달 angle2

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() { } 

} 

구성 요소에서 size 속성을 설정하고 싶습니다. 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>`,