Angular 以编程方式触发“角度材质上的涟漪”图标按钮

Angular 以编程方式触发“角度材质上的涟漪”图标按钮,angular,angular-material,Angular,Angular Material,我有两个棱角材质的按钮。 我的目标是通过编程让按钮在按下某个键时波动 看看stack blitz项目: 有没有一种方法可以让按钮在点击或按键的同时产生波纹 我试过这些例子 但这会让按钮在点击时产生两次涟漪 MatButton可直接访问当前材料中的波纹: @ViewChild('btnNext', {static: false}) btnNext: MatButton; @HostListener('document:keypress', ['$event']) handleK

我有两个棱角材质的按钮。 我的目标是通过编程让按钮在按下某个键时波动

看看stack blitz项目:

有没有一种方法可以让按钮在点击或按键的同时产生波纹

我试过这些例子

  • 但这会让按钮在点击时产生两次涟漪

MatButton
可直接访问当前材料中的
波纹

  @ViewChild('btnNext', {static: false}) btnNext: MatButton;

  @HostListener('document:keypress', ['$event'])
  handleKeyboardEvent(event: KeyboardEvent) { 
    if( event.key === 'a') {
      this.btnNext.ripple.launch({centered: true})
    }
  }
当按下“a”时,上述按钮将触发波纹


但它应该会在按下键时波动。不要点击其他按钮。更新了以下按键的答案。谢谢。我应该使用
@ViewChild('btnNext',{static:false})btnNext:MatButton而不是矩阵