Angular 角度匹配对话框';自举';没有显示正确或缺失

Angular 角度匹配对话框';自举';没有显示正确或缺失,angular,angular-material,angular-components,angular-bootstrap,Angular,Angular Material,Angular Components,Angular Bootstrap,我正在使用一个对话框。我对它有意见,没有正确显示,风格,背景等等。。 我有 以及app.module中的: import { BrowserAnimationsModule } from '@angular/platform-browser/animations' import { MatDialogModule } from '@angular/material/dialog'; 我的项目是否缺少一些依赖项? 我的package.json中已经有@angular/material 9.1.3

我正在使用一个对话框。我对它有意见,没有正确显示,风格,背景等等。。 我有

以及app.module中的:

import { BrowserAnimationsModule } from '@angular/platform-browser/animations'
import { MatDialogModule } from '@angular/material/dialog';
我的项目是否缺少一些依赖项? 我的package.json中已经有@angular/material 9.1.3、@angular/animations 9.1.3


我发现了问题,我没有在styles.scss文件中设置默认的角度材质主题,例如:

@导入“~@angular/material/prebuild themes/indigo pink.css”

或此处所述的自定义主题:

我发现了问题,我没有在styles.scss文件中设置默认的角度材质主题,例如:

@导入“~@angular/material/prebuild themes/indigo pink.css”

或此处所述的自定义主题:

来自:

如果您使用的是Angular CLI,这非常简单,只需在styles.css文件中包含一行即可:

@import '@angular/material/prebuilt-themes/deeppurple-amber.css';
或者,您可以直接引用该文件。这看起来像:


来自:

如果您使用的是Angular CLI,这非常简单,只需在styles.css文件中包含一行即可:

@import '@angular/material/prebuilt-themes/deeppurple-amber.css';
或者,您可以直接引用该文件。这看起来像: