要编辑mat-cell的值，可以使用Angular Material的mat-table组件和mat-cell指令以及编辑功能。

首先，确保已经安装了Angular Material和相应的依赖。

在组件的HTML模板中，使用mat-table和mat-cell来创建表格，并在需要编辑的单元格中添加mat-cell指令。例如：

  
    Name
    
      {{ element.name }}
      
        edit
      
    
  
  
  

  
  

在组件的TypeScript代码中，创建一个编辑状态的变量editingRowIndex，并在需要编辑时更新它。然后，创建一个可编辑的指令editable，并在需要编辑的单元格上使用它。当单元格处于编辑状态时，可以使用输入框或其他交互元素来更新单元格的值。

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

@Component({
  selector: 'app-table',
  templateUrl: './table.component.html',
  styleUrls: ['./table.component.css']
})
export class TableComponent {
  displayedColumns = ['name', 'age', 'gender'];
  dataSource = [
    { name: 'John', age: 25, gender: 'Male' },
    { name: 'Jane', age: 30, gender: 'Female' },
    { name: 'Bob', age: 35, gender: 'Male' }
  ];
  editingRowIndex: number = -1;

  editRow(index: number) {
    this.editingRowIndex = index;
  }
}

在上面的代码中，当点击编辑按钮时，将会触发editRow方法，并将当前行的索引传递给它。然后，编辑状态的变量editingRowIndex将被更新为当前行的索引。在HTML模板中，通过比较索引来判断是否处于编辑状态，并相应地显示输入框或文本。

这是一个简单的示例，你可以根据自己的需求进行修改和扩展。