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

回答