Angular 2动画“无法在’Element’上执行’animate’：不支持部

trigger('detailsContentAnimation',[
    state('1',style(
      {
        'height': '*','padding-top': '*','padding-bottom': '*'
      })),state('0',style(
      {
        'height': 0,'padding-top': 0,'padding-bottom': 0
      })),transition('* => *',animate('400ms ease-out'))
  ])

此动画应滑入/滑出以下HTML内容：

<div>
 <div class="col-card__content-div">
  <div [@detailsContentAnimation]="areDetailsVisible" class="card-block">
    <ng-content select=".col-card__contentselector--body"></ng-content>
  </div>
</div>

当动画发生时,我收到以下错误：

Failed to execute ‘animate’ on ‘Element’: Partial keyframes are not supported.”

为什么会发生这种情况,我该如何解决？