Question

我尝试将bootstrap网格类添加到movie-mage-card模板中，并在movie-image-grid组件中使用了movie-image-card组件。

电影图像card.component.html

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

movie-image-grid

   <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>

Answer 1

添加

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

到组件装饰器。