组件自动以角度6更改其位置

Question

当前我正在开发角度应用程序。基于用户角色的仪表板中加载了6个以上的组件。我用于通过col拆分仪表板中组件的大小。问题是某些组件根据角色隐藏给用户。组件被删除，该空间仍保持不变，未对齐。我想用当前可用的下一个组件替换该空间。

dashboard.html：

<div class="row">
  <div class="col-lg-4">
    <app-date-update *ngIf="isAdminLogin"></app-date-update>
  </div>
  <div class="col-lg-4">
    <app-missing-alert></app-missing-alert>
  </div>
  <div class="col-lg-4">
    <app-answers></app-answers>
  </div>
</div>

<div class="row">
  <div class="col-lg-4">
    <app-due-date-alerts *ngIf="isPermittedRoleForDuedate"></app-due-date-alerts>
  </div>
</div>

如果col被分割了，那么当隐藏组件时，空间仍然保留。如何用html或angular来实现？

Answer 1

使用引导程序类无法实现此要求。 这可以通过角度属性指令（ngStyle / ngClass / custom指令）实现。 根据条件，需要在div中添加适当的类来确定其宽度。

希望这会有所帮助。