动画开关

NG-ZORRO 允许开发者关闭动画效果,您可以通过添加对应指令或者配置来设置动画的开关,也可以通过全局配置关闭所有动画。

在全局关闭#

在模块中使用 NoopAnimationsModule 替换 BrowserAnimationsModule

@NgModule({
  imports: [
   ...
   NoopAnimationsModule
  ]
})

在模版中关闭#

引入 NzNoAnimationModule 模块。

import { NzNoAnimationModule } from 'ng-zorro-antd/core/no-animation';

@NgModule({
  imports: [
  ...
   NzNoAnimationModule
  ]
})

在想关闭动画的组件上添加 nzNoAnimation 指令。

<nz-modal nzNoAnimation></nz-modal>
<ul nz-menu nzNoAnimation></ul>
<nz-form-explain [nzNoAnimation]="true"></nz-form-explain>

在服务中关闭#

在调用组件服务时传入以下配置来关闭动画。

Modal, Drawer#

{
    ...,
    nzNoAnimation: true
}

Notification, Message#

{
   ...,
   nzAnimate: false
}

关闭波浪效果#

部分组件(如:Button)为了支持波纹效果,使用了动态样式,因此无法直接使用样式覆盖。但是你可以通过 provideNzWave 或者使用 NoopAnimationsModule 来关闭波浪效果。

import { provideNzWave } from 'ng-zorro-antd/core/wave';

@NgModule({
  providers: [
    provideNzWave({ disabled: true })
   ]
})