Угловые вкладки материала, как настроить строку вкладки и добавить текст или раскрывающийся список?

Question

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

Я попытался поместить ярлык или создать div рядом с вкладками, однако они не отображаются. В конце я создал еще одну вкладку и установил ее отключенной, но я думаю, что это не идеально, и я не смог изменить цвет отключенного текста. Что касается выпадающего списка, я понятия не имею, как это сделать.

У меня есть демонстрация работы над stackblitz ЗДЕСЬ

Как настроить строку вкладки и добавитьтекст или выпадающий список в нем?

Answer 1

Вы можете использовать абсолютную позицию, чтобы достичь того, что вы хотите. Вы не сможете добиться большего успеха, чем это, потому что компонент, который вы используете mat-tab-group, не имеет возможности передавать компонент во вводе для отображения, где вы хотите.

Так что если вы хотитепокажите что-то внутри mat-tab-group, которое не является частью mat-tab-group, вы должны использовать абсолютную позицию.

I обновил ваш стек-блиц здесь

Примечание: твой отключенный трюк с вкладками тоже очень хорош, это трюк, но иногда приходится делать какие-то трюки