在 ngIf 过滤器

如何解决在 ngIf 过滤器

我试图了解在单击切换按钮以满足 *ngIf 条件后，我的代码的哪一部分导致我的仪表板上的垫卡未填充同一行。我在浏览器上使用了检查工具，我认为问题在于它仍然认为那里有卡片，而实际上没有。触发另一个 API 调用来更新卡片听起来不正确，所以我猜测使用 *ngIf 是正确的方法，但我似乎无法理解为什么它实际上没有删除和显示我想要的卡片同一行。它也可能与Flex布局响应能力有关？使用 ng-container 似乎解决了卡片位于不同行的问题，但它消除了我需要保持仪表板整洁的任何 Flex 布局响应能力。我猜有些事情我只是没有在这里做，希望得到一些帮助！

这是mat-card的容器代码

<div style="padding-left: 60px; padding-top: 16px;" fxLayout="row wrap" fxLayoutGap="8px">
        <ng-container *ngFor="let pvsTrip of pvsTrips; let i = index" >
          <div *ngIf="(milesToggle && pvsMilesVariance.includes(pvsTrip.scheduleNum)) || !milesToggle" fxFlex.gt-md="32%" fxFlex.lt-sm="100%" fxFlex.md="48%"
            fxLayout.lt-sm="column">
              <div *ngIf = "(cToggle && !ncToggle && !netoggle && compliance.includes(pvsTrip.scheduleNum)) || (!cToggle && ncToggle && !netoggle && compliance.includes(pvsTrip.scheduleNum)) || (!cToggle && !ncToggle && netoggle && compliance.includes(pvsTrip.scheduleNum)) || (!cToggle && !ncToggle && !netoggle)">
                    <mat-card> 
                    </mat-card>

为凌乱的截图提前道歉。我有无法公开的数据。