我使用的是Angular 15和@angular/material。我创建了一个独立的组件，它使用了mat-dialog-title、mat-dialog-content和mat-dialog-actions。正如你可能知道的，这个组件正在与MatDialog一起使用。不幸的是，当我在对话框中渲染组件时，由于某种原因，来自material的一些css变量是未定义的，而另一些则不是。
我不知道我做错了什么，或者为什么有些变量会被定义，而其他变量却没有。这导致样式看起来很奇怪。在独立组件中，除了MatDialogModule之外，是否还有依赖模块需要导入？
由于组件是独立的，我认为这并不重要，但是组件位于一个单独的库项目中（从那里导出）。
1条答案
按热度按时间x4shl7ld1#
我也有类似的错误。
我尝试在一个独立组件的scss文件中定义自定义css props，如下所示：
由于某些原因，我甚至不能在同一个Angular组件scss中访问这些自定义 prop ！
=〉当在独立组件中运行时，angular似乎对'：root'伪元素做了一些奇特的事情。