将数据从表传递到angular 7中的popwindow

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

@Component({
  selector: 'app-popup',
  templateUrl: './popup.component.html',
  styleUrls: ['./popup.component.css']
})
export class PopupComponent {
  @Input() data: any;

  constructor(
    public dialogRef: MatDialogRef<PopupComponent>,
    @Inject(MAT_DIALOG_DATA) public inputData: any
  ) {
    this.data = inputData;
  }

  closePopup(): void {
    this.dialogRef.close({ result: 'Data returned from popup' });
  }
}

<h1>Popup Window</h1>
<p>Data received from table: {{ data }}</p>
<button mat-button (click)="closePopup()">Close</button>

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

@Component({
  selector: 'app-table',
  templateUrl: './table.component.html',
  styleUrls: ['./table.component.css']
})
export class TableComponent {
  tableData: any = 'Data from table';

  constructor(public dialog: MatDialog) {}

  openPopup(): void {
    const dialogRef = this.dialog.open(PopupComponent, {
      width: '250px',
      data: this.tableData
    });

    dialogRef.afterClosed().subscribe(result => {
      console.log('Data returned from popup:', result);
    });
  }
}

<button mat-button (click)="openPopup()">Open Popup</button>