ng-deep игнорируется при перезагрузке страницы?

Question

Я использовал Angular Material 5 и использовал ng-deep для настройки входов матов, и они отлично работают, когда я впервые загружаю свою страницу.

Однако, когда я переключаюсь на другую страницу и затем возвращаюсь на страницу с моими входами mat, она либо применяет cg-deep cg AGAIN (например, она добавит заполнение дважды), либо просто полностью игнорирует нг-глубокая css.

Мне трудно понять, как мне следует это исправить. Ни один из моих других нг-глубоких css не ведет себя таким образом. Эта проблема возникает только на этой странице, и это происходит только в браузерах Safari и Edge. Хром работает нормально.

Answer 1

Вы должны знать, что ng-deep (и другие псевдонимы) в настоящее время устарели, и его поддержка удалена из основных браузеров и angular.

См .: https://angular.io/guide/component-styles#deprecated-deep--and-ng-deep

Здесь вы можете найти дополнительную информацию о применении пользовательских стилей к компонентам углового материала: https://material.angular.io/guide/customizing-component-styles

например использовать более высокую специфичность:

.myapp-no-padding-dialog .mat-dialog-container {
  padding: 0;
}