角度材质:通过代码控制涟漪效应

Question

我知道我可以触发div 上的涟漪效应，就像在这个演示中一样

但这仅适用于具有纹波指令的第一个元素。如果我有两个指令元素，如下所示：

<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;

另请参阅：

• 如何在 Angular 2 中获取与 ElementRef 关联的组件的引用