我有一个使用 Material 2 的应用程序,我想全局禁用所有使用它的组件或指令的涟漪效应。我不想这样做覆盖 css 类。我想到的一件事是创建一个可以扩展 MdRipple 然后覆盖其属性的指令,但不确定。我想知道您的意见或示例,了解如何以正确的方式完成此操作。
最佳答案
供应商在最近的版本中发生了变化。您需要使用 MAT_RIPPLE_GLOBAL_OPTIONS 而不是 MD_RIPPLE_GLOBAL_OPTIONS。
更新你的 AppModule.ts
...
import { MAT_RIPPLE_GLOBAL_OPTIONS, RippleGlobalOptions } from '@angular/material';
const globalRippleConfig: RippleGlobalOptions = {
disabled: true
};
@NgModule({
imports: [
...
],
declarations: [ AppComponent ],
bootstrap: [ AppComponent ],
providers: [{provide: MAT_RIPPLE_GLOBAL_OPTIONS, useValue: globalRippleConfig}]
})
export class AppModule { }
关于angular - 禁用全局涟漪效应 Angular 2 应用程序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43078270/