コンポーネントホスト内でコンポーネントクラス変数を使用

@Component宣言の中でclass変数を使用するにはどうすればよいですか？コンポーネントホスト内でコンポーネントクラス変数を使用

これは希望的なアプローチである：あなたが戻ってホスト要素に必要なCSSクラスを設定するHostBindingデコレータを使用したい場合があり

<whatever class="my-class-name"></whatever>

出典

2017-01-24 user4068063

：

@Component({ 
    selector: "whatever", 
    host: { 
     "[class]":"className" 
    } 
}) 
export class MyComponent { 
    @Input() className:string="my-class-name"; 
}

期待される成果

@HostBinding('class.my-class-name') 
protected get myClass() { 
    return true; 
}

[編集]

上記の例は、静的CSSクラスをホスト要素に設定する方法を示しています。

@HostBinding('class') 
@Input() 
public className:string = "my-class-name";

Plunker：動的クラスを設定するには、あなたはHostBindingデコレータでclassNameプロパティを飾るために必要があるでしょうhttps://plnkr.co/edit/iPbrYbUSZtkHiGLDyo2B?p=preview

出典

2017-01-24 22:43:45

は、うん、ありがとう、私はすでにことを試みたが、私は 'cssクラスを設定する必要があります'値は' className'入力が持っている値にハードコーディングされません。「className」入力がどのクラスまたは値に入力されるかわからないので、「ハードコード」します。 '@HostBinding（ 'class.my-class-name'）' はありませんオプション。：/ – user4068063

クラスを動的に設定する方法を示すために答えを更新しました。初期の質問をお見逃し申し訳ありません:) –

ありがとう、これは正解です！：D – user4068063

コンポーネントホスト内でコンポーネントクラス変数を使用

答えて

関連する問題