angular 2 mdDialog 不覆盖答案

【问题标题】：angular 2 mdDialog not overlayingangular 2 mdDialog 不覆盖
【发布时间】：2018-03-03 19:23:13
【问题描述】：

我正在尝试在 angular2 中执行 mdDidalog，但它向我展示了这样的：

出了点问题... 我导入下一个：

import { MdDialog, MdDialogRef, MdDialogConfig } from '@angular/material';

构造函数：

  constructor(
      public dialog: MdDialog,
      public viewContainerRef: ViewContainerRef
    ){}

它的函数调用新的模态：

  public openAddPromoModal() {
const config = new MdDialogConfig();
config.viewContainerRef = this.viewContainerRef;

const dialogRef = this.dialog.open(AddNewCandidat, {
  height: '400px',
  width: '600px'})

dialogRef.afterClosed().subscribe(newPromo => {
    });
  }
}

这是我的 index.html

<!DOCTYPE html>
<html>
  <head>
    <base href="/">
    <title>Angular With Webpack</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="https://unpkg.com/@angular/material/prebuilt-themes/indigo-pink.css" rel="stylesheet">
  </head>
  <body>
    <my-app>Loading...</my-app>
  </body>
</html>

【问题讨论】：

这似乎是一个 css 问题而不是 Angular 问题。

标签： angular mddialog

【解决方案1】：

你的函数应该是这样的

public openAddPromoModal() {
    const config = new MdDialogConfig();
    config.width = '600px';
    config.height: '400px';

const dialogRef = this.dialog.open(AddNewCandidat, config);

dialogRef.afterClosed().subscribe(newPromo => {
    });
  }
}

【讨论】：

参见示例。可能是帮助github.com/angular/material2/blob/master/src/demo-app/dialog/…
stackoverflow.com/questions/34205593/…
它不是错误，我的意思是它像我附在头上的图片一样显示给我