禁用全局漣漪效應角度2應用程序

Question

我有一個應用程序正在使用材料2，我想全局禁用所有組件或使用它的指令的漣漪效應。我不想做這個壓倒一切的CSS類。我想到的一件事是創建一個指令，它可以擴展MdRipple，然後覆蓋它的屬性，不確定。我想知道你的意見或例子如何以正確的方式做到這一點。

Answer 1

進口波紋特定的令牌和接口

import { MD_RIPPLE_GLOBAL_OPTIONS, RippleGlobalOptions } from '@angular/material'; 

然後創建配置

const globalRippleConfig: RippleGlobalOptions = {disabled: true}; 

然後新的提供者添加到您的主NgModule

providers: [{provide: MD_RIPPLE_GLOBAL_OPTIONS, useValue: globalRippleConfig}] 

隨着MD_RIPPLE_GLOBAL_OPTIONS您還可以配置紋波大小，顏色，動畫速度