Question

我知道我可以触发div上的涟漪效应，例如demo

但这仅适用于带有涟漪指令的第一个元素。如果指令中有两个元素，就像这样：

<div matRipple #rippleOne>
   rippleOne
</div>
<div matRipple #rippleTwo>
   rippleTwo
</div>

现在如何仅触发第二次波纹？试过这个：

@ViewChild(MatRipple)
rippleTwo: MatRipple;
...
this.rippleTwo.launch({});

哪个不行。

也

@ViewChild('rippleTwo')

不起作用。正确的方法是什么？

Answer 1

read选项可以达到目的：

@ViewChild('rippleTwo', { read: MatRipple })
rippleTwo: MatRipple;

另请参阅：