Почему мои переопределения стиля больше не работают после переноса Angular Material с версии 14 на 15?
Материальные элементы пользовательского интерфейса, используемые в стилях Angular 14, переопределяются в материалах angular 15, и темы не работают. Есть ли какой-либо блог или документы, на которые можно сослаться, чтобы выполнить шаги для более плавной миграции.
Стили переопределены в компонентах материалов, таких как ввод, выбор, автозаполнение, текстовый шрифт и т. д.
попытался следовать официальному руководству по миграции angular и выполнил команду ng generate @angular/material:mdc-migration для переноса компонентов углового материала. Элементы переносятся, как и ожидалось, но после переноса существующие ручные стили переопределяются стилями материалов по умолчанию.
2 ответа
Было бы неплохо увидеть примеры, чтобы убедиться в этом.
Очень вероятно, что это связано с тем, что Angular Material изменил имена большинства классов с v14 на v15.
Например:
Первым шагом будет глобальный поиск всех вхождений «.mat-» в вашей кодовой базе и изменение на «.mat-mdc». Это решит большинство, если не все переопределения. Однако помните о таких исключениях, как «.mat-icon».
Похоже, проблема в разнице. Компоненты материала не могут быть перезаписаны с помощью файлаstyles.scss. Даже если я перезапишу атрибут границы, он не будет применен к элементу. BorderBottom по-прежнему равен 0
Посмотрите:не перезаписывать CSS в компонентах MDC.