Angular 角度对话框未作为模式窗口打开

我对angular是个新手，我只是想弹出一个对话框窗口，它显示出来了，但不是模态窗口

这是我的一些代码

内部“app.module.ts”

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { HttpClientModule } from '@angular/common/http';
import { BrowserAnimationsModule } from "@angular/platform-browser/animations"
import { MatDialogModule } from "@angular/material/dialog";
import { MatCardModule } from "@angular/material";
import { MatButtonModule } from "@angular/material";

@NgModule({
  declarations: [
    QuadMergeSearchFormComponent,
    QuadMergeSearchResultsDialogComponent
  ],
  entryComponents: [
    QuadMergeSearchResultsDialogComponent
  ],
  imports: [
    BrowserModule,
    MembersideRoutingModule,
    FormsModule,
    HttpClientModule,
    MatDialogModule,
    MatCardModule,
    MatButtonModule,
    BrowserAnimationsModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})

export class AppModule { }

“四元合并搜索表单.组件”内部

constructor(private dialog: MatDialog) { }

onSubmit(): void {
    let dialogRef = this.dialog.open(QuadMergeSearchResultsDialogComponent, 
    {
        width: '600px',
        height: '400px'
    });
}

import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-quad-merge-search-results-dialog',
  templateUrl: './quad-merge-search-results-dialog.component.html',
  styleUrls: ['./quad-merge-search-results-dialog.component.scss']
})
export class QuadMergeSearchResultsDialogComponent implements OnInit {

constructor() { }

ngOnInit() {
}

是否需要向quad-merge-search-form.component.html添加任何内容

内部“四元合并搜索结果对话框.组件”

constructor(private dialog: MatDialog) { }

onSubmit(): void {
    let dialogRef = this.dialog.open(QuadMergeSearchResultsDialogComponent, 
    {
        width: '600px',
        height: '400px'
    });
}

import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-quad-merge-search-results-dialog',
  templateUrl: './quad-merge-search-results-dialog.component.html',
  styleUrls: ['./quad-merge-search-results-dialog.component.scss']
})
export class QuadMergeSearchResultsDialogComponent implements OnInit {

constructor() { }

ngOnInit() {
}

及

四元合并搜索结果对话框工作！

在“app.component.html”里面（这里需要输入什么吗？）

当我运行页面并单击按钮时，对话框显示在

''

标记下方

Thx jonpfl

添加此行

./node_modules/@angular/material/prebuilt-themes/indigo-pink.css

到应用程序中的

angular.json

文件

---

请务必重新启动ng serve以重新加载angular.json文件。

是否添加了材质CSS文件/主题？不，我不这么认为。两个组件的.scss文件均为空。我还想看看哪里？看看，他们应该介绍如何添加主题，我需要一个主题，以使对话框作为模式窗口弹出？是的，否则没有应用样式，因此样式元素为模式的CSS不存在。