angular - 禁用全局涟漪效应 Angular 2 应用程序

Question

我有一个使用 Material 2 的应用程序，我想全局禁用所有使用它的组件或指令的涟漪效应。我不想这样做覆盖 css 类。我想到的一件事是创建一个可以扩展 MdRipple 然后覆盖其属性的指令，但不确定。我想知道您的意见或示例，了解如何以正确的方式完成此操作。

Answer 1

供应商在最近的版本中发生了变化。您需要使用 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 { }