如何将 css 类添加到组件的根目录？答案

【问题标题】：How to add css class to the root of component?如何将 css 类添加到组件的根目录？
【发布时间】：2017-04-16 00:35:46
【问题描述】：

我尝试像这样将引导网格类添加到电影法师卡模板中，并在电影图像网格组件中使用了电影图像卡组件。

movie-image-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-* 类。相反，我看到了额外的包装器。

如果我添加如下所示的类，这些类将起作用。但是，我不想每次使用 movie-image-card 时都添加类。

如何做到这一点？？

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

【问题讨论】：

【解决方案1】：

添加

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

到你的组件装饰器。

【讨论】：