如何在Angular2中傳遞CSS類作為輸入？

Question

我正在嘗試使用angular2 @Input指令從另一個組件獲取CSS類。 說我有以下幾點：

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

我在當前組件css文件中有“ xClass”，我想使用@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>