0

我尝试根据高度为 Angular 4 中的元素设置动画。不管我是使用 margin-bottom 还是 height 作为要更改的属性，更改都完成了，但是没有动画，意思是 height/margin-bottom 值立即从 200px 跳到 0px，没有动画甚至没有延迟（如果指定的）。

这是我的动画代码：

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被正确定义并由单独的函数更改。

margin-bottom值也会从 200px 变为 0px，它会立即完成（尽管指定了 4000ms 的持续时间）。

我究竟做错了什么？

4

0 回答 0