角度4动画 - 没有动画/持续时间

Question

我尝试在Angular 4的高度方面为元素设置动画。无论我使用margin-bottom还是height作为要更改的属性，更改都已完成，但没有动画，这意味着高度/ margin-bottom值立即从200px跳到0px，没有动画甚至没有延迟（如果指定）。

这是我的动画代码：

System.out.println( "Date From Year and Week : "+
              LocalDate.parse("2015 1", 
                new DateTimeFormatterBuilder().appendPattern("YYYY w")
                .parseDefaulting(ChronoField.DAY_OF_WEEK, 1)
                .toFormatter()));

模板代码为：

animations: [
  trigger('ansichtState', [
    state('nurSuche', style({
      'margin-bottom': '200px'
    })),
    state('sucheUndErgebnisse', style({
      'margin-bottom': '0px'
    })),
    transition('nurSuche <=> sucheUndErgebnisse', animate('4000ms'))
  ])
]

<header [@ansichtState]="currentAnsichtState">&nbsp;</header> 已正确定义，并由单独的函数更改。

currentAnsichtState值也从200px变为0px立即完成（尽管指定的持续时间为4000ms）。

我做错了什么？