如何在Angular2中传递CSS类作为输入？

Question

我尝试使用angular2 @Input指令从另一个组件获取CSS类。说我有以下内容：

<custom-component ngClass="xClass"> </custom-component>

我有＆＃34; xClass＆＃34;在当前的组件css文件中，我想使用@Input将此类作为输入传递给自定义组件，如下所示：

@Input('dac-class') private class: CSS //not sure about this;

可能以这种或那种方式出现吗？

Answer 1

@Input('dac-class') private Klass: string

单词class是保留的，因此您不能将其用作javascript或typescript中的别名，而且，输入与别名同名的内容总是更好。

@Input('dac-class') private decClass: string

然后你会用它：

 <custom-component dac-class="someCssClass"  ngClass="xClass"> </custom-component>