Javascript 动态更改动画(角度4、角度3)

Javascript 动态更改动画(角度4、角度3),javascript,css,angular,animation,ionic-framework,Javascript,Css,Angular,Animation,Ionic Framework,我真的不知道怎么做,所以我来看看是否有人曾经遇到过这个问题。我正在研究爱奥尼亚,但如果你习惯于制作动画,这可能不是一个大问题 好吧,这是我的动画要做的,流畅地: 单击后: 嗯,由于我不知道要显示多少项目,我无法在动画中选择固定的“高度”量 animations: [ trigger('openItem', [ state('closed', style({ height: "0px", opacity: 0 })),

我真的不知道怎么做,所以我来看看是否有人曾经遇到过这个问题。我正在研究爱奥尼亚,但如果你习惯于制作动画,这可能不是一个大问题

好吧,这是我的动画要做的,流畅地:

单击后:

嗯,由于我不知道要显示多少项目,我无法在动画中选择固定的“高度”量

  animations: [
    trigger('openItem', [
      state('closed', style({
        height: "0px",
        opacity: 0
      })),
      state('opened', style({
        height: "auto",
        opacity: 1
      })),
      transition('* => *', animate('.35s'))
    ])
  ]
选择“自动”将在状态之间剧烈变化,无法流畅地显示动画。我想动态地设置“height”值:我的每一行的高度都是30px,因此我可以计算我要传入的数组的长度,将其乘以30,然后将该值传递给动画

但是。。。有什么办法吗?否则,你会推荐我哪种解决方案

谢谢大家!

如果你想,这很难。现在你有了一些选择:计算实际高度或使用或使用它是很难的,如果你想。现在您有了一些选择:计算实际高度或使用或使用