コンポーネントのルートにcssクラスを追加するには？

私はブートストラップグリッドクラスをそのようなムービーイメージテンプレートに追加しようとしましたが、ムービーイメージグリッドコンポーネントにムービーイメージカードコンポーネントを使用しました。コンポーネントのルートにcssクラスを追加するには？

動画像card.component.html

<div id="movie-image-card" class="col-12 col-sm-6 col-md-4"> 
</div>

動画像グリッド

<div class="container"> 
     <div class="row"> 
      <movie-image-card></movie-image-card> 
     </div> 
    </div>

しかし、このブートストラップグリッドクラスは、動画像ため、正常に動作しません。 -card自体にはcol- *クラスがありません。代わりに、私は余分なラッパーを参照してください。私は以下のようにクラスを追加する場合

クラスが働きます。しかし、私はムービーイメージカードを使用するたびにクラスを追加したくありません。

これを達成する方法は？

<div class="container"> 
    <div class="row"> 
     <movie-image-card class="col-12 col-sm-6 col-md-4"></movie-image-card> 
    </div> 
</div>

コンポーネントのデコレータに

host: {'class': 'col-12 col-sm-6 col-md-4'}

を追加します。

2017-04-15 16:35:46

答えて