角度动画错开不正常

Question

我对新的Angular 4.2动画功能（查询，交错）有一点问题。

预期行为：当我按Toggle按钮点击每个[animate-bar]动画时

结果：只有第一个[animate-bar]动画

这是一个吸虫： http://plnkr.co/edit/qaJpj4Maf0QobAv8bXe6?p=preview

Answer 1

我终于设法为此做了一些解决方法。您可以使用animateChild和另一个动画。

trigger('listAnimation', [
    transition('* => *', [
        query('@slideIn', [
            stagger(30, [
                animateChild()
            ]),
        ], { optional: true })
    ]),
])

这是一个傻瓜：http://plnkr.co/edit/QWgiE4tYLN3O2Tnx1E7j?p=preview