以编程方式触发“角度材质上的涟漪”图标按钮
我有两个有棱角的材质按钮。我的目标是以编程方式让按钮在按下某个键时产生涟漪。
看看stack blitz项目：https://stackblitz.com/edit/angular-material-button-vphppo
有没有一种方法可以让按钮在点击或按键的同时产生波纹？
我尝试了这些示例如何在Angular MatListItem上以编程方式触发涟漪效应？
- 但这会让按钮在点击时产生两次涟漪
共有1个答案
MatButton可直接访问当前材质中的Ripple：
@ViewChild('btnNext', {static: false}) btnNext: MatButton;
@HostListener('document:keypress', ['$event'])
handleKeyboardEvent(event: KeyboardEvent) {
if( event.key === 'a') {
this.btnNext.ripple.launch({centered: true})
}
}
当按下“a”时，上述按钮将触发波纹。
https://stackblitz.com/edit/angular-3xgxiw
-
第一次在这里问问题，让我们看看... 我在以编程方式在CardView上设置涟漪效应时遇到了麻烦。（但我希望找到一种基本适用于任何视图的方法）问题是，我的卡片是这样编程制作的： 现在，正如您所看到的，我使用前景属性进行了尝试，基于在这里可以找到的类似问题的答案。 **更新:**卡片在Android 5之前的代码中变得不可见。
-
好的，所以我知道涟漪效应是唯一可用的Lollipop和以上。但是，当设置ImageButton时，我仍然无法获得像“常规”按钮一样的涟漪效果，只显示一个图像（和透明bg）。。。 我添加了AppCompat v7，并将第二个布局放在我的drawable/layout-v21文件夹中，该文件夹中有以下按钮： 但背景是灰色的，纹波（也是灰色的）无法定制。 所以，如果我只需要一个很好的ripple dra
-
> 到目前为止，我使用角2快速入门创建了一个新项目。 我决定开始使用angular 2 cli，并创建了一个新的angular 2 cli项目。 移动了我的所有文件并重新安装了所有软件包。 现在，当我试图在CLI项目中使用角2材料时，我遵循了这里的指南，但这是我得到的： 会出什么问题？
-
我正在使用有角度的材质创建一个形状。对于某些字段，用户应获得自动完成功能。如果用户提供序列号，这些字段也应该从后端填充。 我的问题是，如何设置通过代码链接到自动完成的文本框的文本？ 我复制了一个StackBlitz并对其进行了修改以符合我的场景：https://stackblitz.com/edit/angular-material-autocomplete-async1-jxrahv?file=
-
我一直在为Lollipop（API 21）开发一个应用程序。 XML：