角度 - コンポーネントのルート要素にクラスを適用しないセレクタ

Question

私のアプリケーションにはカードコンポーネントがあります。どのタイプのカードに基づいているのかは、テンプレートのルート要素に適用する必要がある別のスタイルです。

<card class="card-type-class"></card> 

私のHTMLはこのように見える終わる：

<card class="card-type-class"> 
    <div class="other-constant-classes"> 
     content of my card 
    </div> 
</card> 

の代わりに、このような：

<card> 
    <div class="other-constant-classes card-type-class"> 
     content of my card 
    </div> 
</card> 

は、セレクタからクラスを適用するためにとにかくがあり、私はこれを行うとコンポーネントテンプレートのルート要素？

***申し訳ありませんが、これはあなたが常に文字列としてクラスに渡すことができます...私はその質問を検索する方法を考え出す苦労していた、

Answer 1

を依頼されている場合：

<card [myClass]="'card-type-class'"></card> 

そして、下のコンポーネントで：

@Input() myClass: string; 

そしてHTML：

<div class="other-constant-classes {{myClass}}"> 
    content of my card 
</div>