动态更改动画（Angular 4，Ionic 3）

Question

我真的不知道该怎么做，所以我先来看看是否有人遇到过这个问题。我正在为Ionic工作，但如果您习惯制作动画，这可能不是一个主要问题。

嗯，这是我的动画意图，流利地说：

点击后

：

好吧，因为我不知道我会展示多少项目，我无法选择固定的＆＃34;身高＆＃34;动画中的金额：

  animations: [
    trigger('openItem', [
      state('closed', style({
        height: "0px",
        opacity: 0
      })),
      state('opened', style({
        height: "auto",
        opacity: 1
      })),
      transition('* => *', animate('.35s'))
    ])
  ]

选择＆＃34; auto＆＃34;将在各州之间剧烈变化，而不是以流利的方式展示动画。我想设置＆＃34;身高＆＃34;动态值：我的每一行都是30px高，所以我可以计算我传入的数组的长度，将它乘以30，并将该值传递给动画。

但是......有没有办法这样做？你会推荐我哪种解决方案，否则？

谢谢！