Angular Animations过渡不起作用

Question

打开和关闭有效，但它们之间没有过渡。

动画：

    animations: [
    trigger('detailExpand', [
      state('void', style({ height: '0px', minHeight: '0', visibility: 'hidden' })),
      state('*', style({ height: '*', visibility: 'visible' })),
      transition('void <=> *', animate('250ms cubic-bezier(0.4, 0.0, 0.2, 1)')),
    ]),
  ],

和HTML：

<ng-template #tpl let-element>
<div class="mat-row detail-row" [@detailExpand] style="overflow: hidden">
    Placeholder text
</div>

我正在使用Google Chrome。