Angular2如何打开模型弹出窗口

Angular2可以通过使用Angular Material中的对话框组件来打开模态弹出窗口。

要打开模态弹出窗口，首先需要在Angular项目中安装Angular Material。可以通过以下命令使用npm安装：

npm install @angular/material @angular/cdk

安装完成后，需要在项目的模块文件中导入所需的Angular Material模块。在app.module.ts文件中添加以下代码：

import { MatDialogModule } from '@angular/material/dialog';

@NgModule({
  imports: [
    MatDialogModule
  ],
  ...
})
export class AppModule { }

接下来，在需要打开模态弹出窗口的组件中，需要注入MatDialog服务，并使用它来打开对话框。在组件的.ts文件中添加以下代码：

import { MatDialog } from '@angular/material/dialog';

@Component({
  ...
})
export class YourComponent {
  constructor(public dialog: MatDialog) { }

  openDialog() {
    const dialogRef = this.dialog.open(YourDialogComponent, {
      width: '400px',
      data: { /* 可选的数据传递给对话框组件 */ }
    });

    dialogRef.afterClosed().subscribe(result => {
      console.log('对话框已关闭', result);
      // 处理对话框关闭后的逻辑
    });
  }
}

在上面的代码中，openDialog()方法用于打开对话框。通过调用dialog.open()方法，可以指定要打开的对话框组件（YourDialogComponent）以及可选的配置选项。在这里，我们设置了对话框的宽度为400像素，并可以传递数据给对话框组件。

在对话框关闭后，可以通过订阅dialogRef.afterClosed()事件来获取对话框关闭时的结果。在这里，我们简单地将结果打印到控制台，并可以根据需要处理其他逻辑。

需要注意的是，打开模态弹出窗口之前，需要先创建一个对话框组件（YourDialogComponent），并在需要打开对话框的组件中引入和使用它。

关于Angular Material对话框组件的更多信息和详细用法，可以参考腾讯云的Angular Material文档：Angular Material 对话框

请注意，以上答案仅供参考，具体实现方式可能因项目配置和需求而有所不同。