小编Chr*_*ore的帖子

进入和离开DOM时,我已成功获得一个面板来动画扩展和关闭.问题是我现在在显示详细信息之前在面板内有一个忙碌指示器,并且仅在打开忙指示符时发生动画,并且在显示详细内容时捕捉动画.

如何让Angular动画在任何高度变化时动画？

我在这里有一个例子:https://plnkr.co/edit/Bs0rwp4ElidR75zN3ulR

trigger('expandCollapseDetails', [
    state('void', style({
        'height': '0px',
        overflow: 'hidden'
    })),
    //element being added into DOM.
    transition(':enter', [
        animate('500ms ease-in-out', style({
            'height': '*',
            overflow: 'hidden'
        }))
    ]),
    //element being removed from DOM.
    transition(':leave', [
        animate('500ms ease-in-out', style({
            'height': '0px',
            overflow: 'hidden'
        }))
    ])
])