如何在mat-table中获取自定义组件的值/内容？

在mat-table中获取自定义组件的值/内容，可以通过以下步骤实现：

首先，在mat-table中使用自定义组件作为单元格的内容。例如，可以在某一列中使用一个自定义的输入框组件。
在自定义组件中，实现一个输出属性（Output property），用于将组件内部的值传递给父组件。可以使用@Output装饰器来定义输出属性。
在自定义组件中，当值发生变化时，通过调用输出属性的emit方法，将值传递给父组件。
在父组件中，使用mat-table的数据源（dataSource）来存储表格数据。当自定义组件的值发生变化时，通过监听输出属性的变化，更新对应行的数据源中的值。

以下是一个示例代码：

在自定义组件中：

import { Component, Output, EventEmitter } from '@angular/core';

@Component({
  selector: 'app-custom-input',
  template: `<input type="text" [(ngModel)]="value" (ngModelChange)="onValueChange()">`
})
export class CustomInputComponent {
  value: string;
  @Output() valueChange = new EventEmitter<string>();

  onValueChange() {
    this.valueChange.emit(this.value);
  }
}

在父组件中的模板中：

<mat-table [dataSource]="dataSource">
  <ng-container matColumnDef="customColumn">
    <mat-header-cell *matHeaderCellDef> Custom Column </mat-header-cell>
    <mat-cell *matCellDef="let element">
      <app-custom-input [(value)]="element.customValue"></app-custom-input>
    </mat-cell>
  </ng-container>

  <mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>
  <mat-row *matRowDef="let row; columns: displayedColumns;"></mat-row>
</mat-table>

在父组件中的代码中：

import { Component } from '@angular/core';

@Component({
  selector: 'app-parent-component',
  templateUrl: './parent.component.html',
  styleUrls: ['./parent.component.css']
})
export class ParentComponent {
  dataSource = [
    { name: 'John', customValue: '' },
    { name: 'Jane', customValue: '' },
    { name: 'Bob', customValue: '' }
  ];

  displayedColumns = ['name', 'customColumn'];

  onValueChange(value: string, index: number) {
    this.dataSource[index].customValue = value;
  }
}

在上述示例中，自定义组件CustomInputComponent是一个带有输入框的组件。当输入框的值发生变化时，通过valueChange输出属性将值传递给父组件。父组件中的dataSource数组存储了表格的数据源，当自定义组件的值发生变化时，通过监听输出属性的变化，在onValueChange方法中更新对应行的customValue属性。

请注意，这只是一个示例，实际情况中可能需要根据具体需求进行适当的修改。