重新加载页面时会忽略ng-deep？

Question

我使用了Angular Material 5并使用ng-deep来自定义我的mat-inputs，当我第一次加载页面时它们工作正常。

但是，当我切换到另一个页面然后返回带有mat-inputs的页面时，它会应用ng-deep css AGAIN（例如它会添加两次填充），或者它将完全忽略ng-深css。

我很难搞清楚如何解决这个问题。我的其他ng-deep css都不是这样的。此问题仅发生在此页面上，并且仅在Safari和Edge浏览器中出现。 Chrome工作正常。

Answer 1

您应该知道ng-deep（和其他别名）目前已被弃用，并且正在从主要浏览器和角度中删除它的支持。

见：https://angular.io/guide/component-styles#deprecated-deep--and-ng-deep

在这里，您可以找到有关将自定义样式应用于Angular Material组件的更多信息：https://material.angular.io/guide/customizing-component-styles

对于前利用更高的特异性：

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