如何使用Angular Material从图标创建下拉菜单？

Question

我想单击警报图标，然后创建一个下拉菜单。

我已经看过this

这是我对此demo的尝试

我仍然有要删除的下拉输入框，因此我只能在单击之前看到该图标。我希望它只是图标，当它被按下时，它会生成一个下拉列表。

我该如何实现？

PS：非常高兴在Stackblitz上看到它的演示：）

Answer 1

我认为您可以通过使用一些CSS来实现所需的功能，基本上是隐藏.mat-select-arrow-wrapper元素并调整一些填充。

我已经创建了一个StackBlitz example，您可以看看。