如何将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>

然而，这种引导网格类不正确，因为电影图像工作卡本身没有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

回答