我有以下html(在Angular中(：
<div class="container-fluid">
<div class="row">
<app-tile *ngFor="let tile of tiles" [tile]="tile"></app-tile>
</div>
</div>
应用程序磁贴如下所示：
<div class="col-xs-12 col-sm-4 col-md-3 col-lg-2">
...
</div>
问题似乎是，容器应用程序瓦片位于类"之间；行"；以及"；col-xs-12 col-sm-4&"；。因此，应用程序tile容器中的div没有col-…指定的正确宽度。。。。
一些强制要求：
必须在互动程序组件中直接设置互动程序的宽度，因为有些互动程序可能由于用户不允许看到而无法显示。如果我把宽度直接放在ngFor循环中，隐藏的瓦片将有一个空白容器。
首次尝试：https://stackblitz.com/edit/angular-wfjj5n?embed=1&file=src/app/aler-basic.html这里的瓦片有正确的宽度，但我在第一个和第三个瓦片之间有一个空白容器(因为第二个瓦片是隐藏的(
第二次尝试：https://stackblitz.com/edit/angular-wfjj5n-weuark?embed=1&file=src/app/tile/tile.component.ts将列宽移动到平铺本身中。现在，空白的白色容器消失了，但瓷砖的宽度不再正确。
您可以尝试：
<div class="container-fluid">
<div class="row">
<app-tile *ngFor="let tile of tiles" [tile]="tile" [ngClass]="!isTileHidden(tile) ? 'col-xs-12 col-sm-4 col-md-3 col-lg-2' : 'd-none'"></app-tile>
</div>
</div>
在您的.ts 中
isTileHidden(tile) {
if(// condition here) {
return true;
} else {
return false;
}
}