Рассчитайте selectlist объекты (считайте IEnumerable),

Вам потребуется применить пользовательскую тему к вашему компоненту. Подведем итог:

1. Определите вашу тему в style.scss
2. Определите тему компонента , напр. my-component.component.scss-theme.scss. Это может отличаться от my-component.component.scss. Вы можете выделить темы (цвет и типографика) в файле темы и другие вещи (размеры, положение и т. Д.) В файле, не относящемся к теме.
3. Включить и вызвать компонентную тему в style.scss

Я создал образец приложения на Stackblitz . Как вы видите, mat-sidenav и mat-toolbar имеют одну и ту же тему. Вы можете попробовать, дав color=primary|accent|warn - mat-toolbar и mat-sidenav

Томас Траян написал очень хороший средний блог на Полное руководство по темам угловых материалов ]. Вы можете найти документ команды Angular на . Тематизировать ваши собственные компоненты .