角度 – 模态/对话框在屏幕底部打开,但行为不正常

就像问题所说,我的对话框弹出屏幕底部,而不是中间.它也不会在点击时关闭,而是在我遇到逃生时关闭.页面的其余部分也没有被禁用或变灰,@R_85_9447@将它们叠加起来(见下文).

我基本上使用与示例中完全相同的代码

import {Component} from '@angular/core';
import {mddialog,mddialogRef} from '@angular/material';

@Component({
    SELEctor: 'dialog-overview-example',template: '<button md-button (click)="openDialog()">Open dialog</button>'
})
export class DialogoverviewExample {
    constructor(public dialog: mddialog) {}

    public openDialog(): void {
        this.dialog.open(BasicDialog);
    }
}

@Component({
    SELEctor: 'dialog-overview-example-dialog',template: "<p> Hi,I'm a dialog! </p>",})
export class BasicDialog {}

我认为我的进口是正确的,但它们是：

imports: [
    BrowserModule,FormsModule,RouterModule.forRoot(ROUTES,{useHash: truE}),@L_33_6@module,BrowserAnimationsModule,ReactiveFormsModule,CommonModule
],

请注意,控制台中没有错误或警告,我已尝试禁用css.

有人见过这个吗？

@import '../../node_modules/@angular/material/prebuilt-themes/purple-green.css';

<link href="https://unpkg.com/@angular/material/prebuilt-themes/indigo-pink.css" rel="stylesheet">