Angular 角度材质：控制代码的涟漪效果

我知道我可以触发div的连锁反应，就像这样

但这只适用于具有ripple指令的第一个元素。如果指令中有两个元素，如下所示：

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

这是行不通的

也

---

不行。正确的方法是什么？

read

选项应该起到以下作用：

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

另见：

---

读取

选项应实现以下功能：

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

另见：

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