Используйте ng- bootstrap (https://ng-bootstrap.github.io/# / компоненты / выпадающий список / примеры ). Не использовать jquery. Я думаю, переписать html с bootstrap на материал очень утомительно и долго (но не сложно). Это ваше решение.
Дополнительная информация: если вы используете Angular 8 и обновляетесь до angular 9, вам необходимо обновить материал 8 до материала 9 (поскольку бегунок не работает должным образом, et c .).
В материале 9 есть что-то новое, например: если вы используете модуль материала, вы должны импортировать его. В предыдущей версии вы могли легко импортировать из одного каталога:
import { MatTableModule } from '@angular/material'
, но теперь в версии 9 вам нужно переписать весь импорт, потому что модули находятся в отдельном каталоге. Теперь вы можете импортировать так:
import { MatTableModule } from '@angular/material/table'.
Представьте себе, что если вы импортируете много модулей во многих файлах и после обновления материала вам нужно переписать весь импорт, то ваш мозг взрывается и вы ищете другую специальность.
Я надеюсь, что смогу вам помочь.