要实现Angular中的材料设计轻量级涟漪效果，你可以使用Angular Material库中的matRipple指令。

首先，确保你已经安装了Angular Material库。你可以通过运行以下命令来安装：

npm install @angular/material

接下来，在你的Angular组件中，导入matRipple指令：

import { Component } from '@angular/core';
import { MatRipple } from '@angular/material';

@Component({
  selector: 'app-your-component',
  template: `
    按钮
  `,
})
export class YourComponent {
  rippleConfig = {
    centered: true,
    radius: 30,
    color: 'rgba(0, 0, 0, 0.1)'
  };
}

在模板中，我们将matRipple指令应用到按钮元素上，并通过rippleConfig对象来配置涟漪效果。在这个例子中，我们将涟漪效果设置为居中、半径为30px、颜色为淡灰色。

确保在你的组件中导入MatRipple，并在组件的providers数组中添加MatRipple：

import { Component } from '@angular/core';
import { MatRipple } from '@angular/material';

@Component({
  selector: 'app-your-component',
  template: `
    按钮
  `,
  providers: [MatRipple]
})
export class YourComponent {
  rippleConfig = {
    centered: true,
    radius: 30,
    color: 'rgba(0, 0, 0, 0.1)'
  };
}

最后，在你的样式文件（通常是.scss或.css文件）中，添加以下样式：

button {
  position: relative;
  overflow: hidden;
}

这将使涟漪效果在按钮内部显示，并限制其超出按钮的范围。

通过这种方式，你就可以在Angular中实现材料设计轻量级涟漪效果了。根据你的需求，你可以使用不同的配置参数来自定义涟漪效果的外观和行为。