如何管理当关闭AngularMaterial对话框时发送的内容？

要管理当关闭Angular Material对话框时发送的内容，需在关闭对话框时进行操作。可以通过在对话框组件中使用MatDialogRef中的afterClosed()方法来实现操作。

假设有对话框组件"DialogComponent"，通过以下代码可在组件中管理关闭时发送的内容：

import { Component } from '@angular/core'; import { MatDialogRef } from '@angular/material/dialog';

@Component({ selector: 'app-dialog', templateUrl: './dialog.component.html', styleUrls: ['./dialog.component.css'] }) export class DialogComponent {

constructor(public dialogRef: MatDialogRef<DialogComponent>) { }

onClose(): void {

// 在此处添加要发送的内容，如：
console.log("发送的内容");

this.dialogRef.close();

}

}

在上述代码中，onClose()方法是在关闭对话框时触发的事件。在该方法中可以添加对发送内容的操作，如控制台输出信息。

在对话框组件中，需要使用MatDialogRef以便使用afterClosed()方法。afterClosed()方法将返回通过对话框关闭发送的任何内容。

示例代码如下：

import { Component } from '@angular/core'; import { MatDialog, MatDialogRef } from '@angular/material/dialog'; import { DialogComponent } from './dialog/dialog.component';

@Component({ selector: 'app-root', templateUrl: './app.component.html', styleUrls: ['./app.component.css'] }) export class AppComponent { title = 'angular-material';

constructor(public dialog: MatDialog) {}

openDialog(): void { const dialogRef = this.dialog.open(DialogComponent, { width: '250px' });

dialogRef.afterClosed().subscribe(result => {
  console.log(`Dialog result: ${result}`);
});

} }

在上述代码中，当打开对话框时，会返回通过对话框关闭发送的任何内容。可以使用subscribe()方法来捕获这些内容并进行处理。

以上是如何管理当关闭Angular Material对话框时发送的内容的解决方法。