为孩子设置父母的宽度* ngIf |角度的

Question

当子组件在* ngIf

上显示/消失时，Id喜欢为父容器的宽度设置动画。

我知道如何在已经设置的* ngIf上为孩子设置动画：

animations: [loadingEnter]

loadingEnter = trigger('loadingEnter', [
  transition(':enter', [
    style({ opacity: 0 }),
    animate('300ms', style({ opacity: 1 })),
  ]),
]);

<div class="parent">
  <div *ngIf="myCondition"></div>
  <div *ngIf="!myCondition"></div>
</div>

孩子的动画效果很好，但是当孩子出现/消失时，id希望让父母平稳成长。

子级具有动态宽度，因此我无法设置父级宽度和宽度上的过渡CSS。

有什么想法吗？谢谢！