如何禁用垫旋转动画

Question

我实现的Angular Material微调器发出了一个动画，使其消失之前消失了。有没有办法无法播放此动画？ 这是代码：我尝试了关键帧，但是不起作用。

<mat-spinner style="margin: auto; margin-top: 10%"></mat-spinner>

  @keyframes slideDown {
    0% {}
    100% {
        transform: translateY(20%);
    }
}

.cdk-overlay-pane {
    transform: translateY(-250%);
    animation: slideDown 0.5s forwards 0s ease-in;
}

.cdk-overlay-container>* {
    transition: none;
}

Answer 1

在@NgModule导入数组中添加“ BrowserAnimationsModule ”，并删除“ NoopAnimationsModule” （如果有）。

@NgModule({
declarations: [..],
imports: [
    ..
    BrowserAnimationsModule,
    ..
]
})