动画开关
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>
在服务中关闭 #
在调用组件服务时传入以下配置来关闭动画。
Modal, Drawer #
{
...,
nzNoAnimation: true
}
Notification, Message #
{
...,
nzAnimate: false
}
关闭波浪效果 #
部分组件(如:Button)为了支持波纹效果,使用了动态样式,因此无法直接使用样式覆盖。但是你可以通过
provideNzWave
或者使用
NoopAnimationsModule
来关闭波浪效果。
import { provideNzWave } from 'ng-zorro-antd/core/wave';
@NgModule({
providers: [
provideNzWave({ disabled: true })
})