动画开关
NG-ZORRO 允许开发者关闭动画效果,您可以通过添加对应指令或者配置来设置动画的开关,也可以通过全局配置关闭所有动画。
在全局关闭
在模块中使用 NoopAnimationsModule
替换 BrowserAnimationsModule
。
@NgModule({
imports : [
...,
NoopAnimationsModule
]
})
在模版中关闭
在想关闭动画的组件上添加 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)为了支持波纹效果,使用了动态样式,因此无法直接使用样式覆盖。但是你可以通过设置提供商 NZ_WAVE_GLOBAL_CONFIG
或者使用 NoopAnimationsModule
来关闭波浪效果。
@NgModule({
...
providers : [
...,
{
provide: NZ_WAVE_GLOBAL_CONFIG, useValue: {
disabled: true
}
}
]
})
当前内容版权归 ant.design 或其关联方所有,如需对内容或内容相关联开源项目进行关注与资助,请访问 ant.design .