Как создать раскрывающийся список с помощью Angular Material?

Question

Я хотел бы нажать на значок будильника, и это создает раскрывающееся меню.

Я уже видел это

Вот что я уже пробовал на этом demo

У меня все еще есть раскрывающееся поле ввода, которое я хочу удалить, поэтому я могу видеть только значок до щелчка.Мне бы хотелось, чтобы это был только значок, а когда он нажимается, он генерирует выпадающий список.

Как мне этого добиться?

PS: было бы здорово увидеть демонстрациюоб этом на Stackblitz:)

Answer 1

Я думаю, что вы можете добиться того, что ищете, просто используя CSS, по существу скрывая элемент .mat-select-arrow-wrapper и корректируя некоторые отступы.

Я создал StackBlitz пример что вы можете посмотреть.