在Angular中，你可以使用mat-dialog组件来创建对话框。如果你想要在对话框中保存和传递多个值，可以通过以下步骤实现：

1. 创建一个对话框组件，用于显示和处理对话框中的内容和逻辑。

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

@Component({
  selector: 'app-dialog',
  template: `
    
Dialog Content
    
    
    Save
    Close
  `,
})
export class DialogComponent {
  constructor(
    public dialogRef: MatDialogRef,
    @Inject(MAT_DIALOG_DATA) public data: any
  ) {}

  save(): void {
    // 处理保存逻辑
    this.dialogRef.close(this.data); // 将数据传递回父组件
  }

  close(): void {
    this.dialogRef.close(); // 关闭对话框，不保存数据
  }
}

2. 在父组件中，使用mat-dialog打开对话框，并处理返回的数据。

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

@Component({
  selector: 'app-parent',
  template: `
    Open Dialog
  `,
})
export class ParentComponent {
  constructor(public dialog: MatDialog) {}

  openDialog(): void {
    const dialogRef = this.dialog.open(DialogComponent, {
      width: '250px',
      data: { value1: '', value2: '' }, // 初始化数据
    });

    dialogRef.afterClosed().subscribe((result) => {
      console.log('Dialog closed:', result);
      // 处理返回的数据
      if (result) {
        // 保存数据
        console.log('Value 1:', result.value1);
        console.log('Value 2:', result.value2);
      }
    });
  }
}

在上述代码中，我们创建了一个名为DialogComponent的对话框组件，用于显示对话框的内容和逻辑。在对话框组件中，我们使用ngModel来绑定输入框的值，并在保存按钮点击时将数据传递回父组件。

在父组件中，我们使用MatDialog的open方法来打开对话框，并传递初始数据给对话框组件。在对话框关闭后，我们使用afterClosed方法来订阅对话框的关闭事件，并处理返回的数据。

通过这种方式，你可以在Angular中使用mat-dialog组件保存和传递多个值。