Angular 我们如何使用角度动画减缓垫子扩展面板的打开速度，并使其具有淡入淡出效果

如何在“打开”和“关闭”上设置“垫子展开”面板的动画

trigger('fadeInOut', [
      state('open', style({
        opacity:1
      })),
      state('closed', style({
        opacity:0
      })),
      transition('open=>closed', animate('1.5s ease-out')),
      transition('closed=>open', animate('1.5s ease-out'))
]),

---

目前似乎无法为组件（）更改角度材质的动画。然而，用户提出了黑客攻击。应用于MatExpasionPanel组件的如下所示：

    import {
      animate,
      animateChild,
      group,
      state,
      style,
      transition,
      trigger,
      query,
      AnimationTriggerMetadata,
    } from '@angular/animations';


const EXPANSION_PANEL_ANIMATION_TIMING = '10000ms cubic-bezier(0.4,0.0,0.2,1)';
MatExpansionPanel['decorators'][0].args[0].animations = [
  trigger('bodyExpansion', [
    state('collapsed, void', style({ height: '0px', visibility: 'hidden' })),
    state('expanded', style({ height: '*', visibility: 'visible' })),
    transition('expanded <=> collapsed, void => collapsed',
      animate(EXPANSION_PANEL_ANIMATION_TIMING)),
  ])];


进口{
使有生气
animateChild，
集团,，
国家,，
风格
过渡，
触发
查询
AnimationTriggerMetadata，
}来自“@angular/animations”

const EXPANSION\u PANEL\u ANIMATION\u TIMING='10000ms立方贝塞尔（0.4,0.0,0.2,1）'；
MateExpansionPanel['decorators'][0]。参数[0]。动画=[
触发器（'bodyExpansion'[
状态（'collapped，void'，style（{height:'0px'，visibility:'hidden'}）），
状态（'expanded'，样式（{height:'*'，可见性：'visible'}）），
过渡（'展开折叠，无效=>折叠'，
动画（展开面板动画计时）），
])];


你可以看到它在这里工作

有没有其他方法可以放慢生产速度，因为这会导致生产失败？可以使用webpack查找并替换
“扩展面板动画”计时=“10000ms立方贝塞尔（0.4,0.0,0.2,1）”