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

Question

我已经利用了Angular Material 5和ng-deep来定制我的mat-input，当我第一次加载页面时，它们工作得很好。

然而，当我切换到一个不同的页面，然后返回到带有mat-input的页面时，它要么再次应用ng深度css (例如，它将添加两次填充)，要么完全忽略ng深度css。

我很难弄清楚我应该如何解决这个问题。我的其他ng深度css都不是这样的。这个问题只出现在这一个页面上，而且它只出现在Safari和Edge浏览器中。Chrome运行得很好。

Answer 1

您应该知道，ng-deep (和其他别名)目前已被弃用，它的支持正在从主要浏览器和angular中移除。

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

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

对于ex。利用更高的特异性：

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