I更新了我在17版上的Angular应用程序,在更新之前,我摆脱了旧版组件,我还使用了Angular材料。但是,在17上更新了角度材料之后,我遇到了问题,例如选择,对话框等等组件不起作用,可以说我单击了一些垫子选择,什么也没发生,在dom中,我可以看到该元素在那里,但是就像他丢失了所有默认的CSS属性一样,从Appar中显示了所有默认的CSS属性,并且他在App中没有显示。
我怀疑这与覆盖层有关,因为它主要涉及在对话框上显示在顶部并在单击时选择的组件。我在材料中设置的东西。Scss是:
// hue. Available color palettes: https://material.io/design/color/
$rds-npm-ng-service-advisor-primary: mat.define-palette($sun-yellow);
// $rds-npm-ng-service-advisor-secondary: mat-palette($warranty-pro);
$rds-npm-ng-service-advisor-accent: mat.define-palette($green);
// The warn palette is optional (defaults to red).
$rds-npm-ng-service-advisor-warn: mat.define-palette(mat.$red-palette);
$rds-npm-ng-service-advisor-warn: mat.define-palette(mat.$red-palette);
// Create the theme object (a Sass map containing all of the palettes).
$rds-npm-ng-service-advisor-theme: mat.define-light-theme($rds-npm-ng-service-advisor-primary, $rds-npm-ng-service-advisor-accent, $rds-npm-ng-service-advisor-warn);
// Include theme styles for core and each component used in your app.
// Alternatively, you can import and @include the theme mixins for each component
// that you are using.
@include mat.all-component-themes($rds-npm-ng-service-advisor-theme);
我解决了我需要添加的 @include mat.core(),我不知道Ancular Material V16在没有它的情况下如何运行良好。