要取消选择MatStepper中的所有步骤，可以使用以下代码示例：

1. 在组件类中导入MatStepper模块和ViewChild修饰符：

import { MatStepper } from '@angular/material/stepper';
import { ViewChild } from '@angular/core';

2. 在组件类中使用ViewChild装饰器获取对MatStepper的引用：

@ViewChild(MatStepper) stepper: MatStepper;

3. 创建一个方法来取消选择所有步骤：

cancelSelection() {
  this.stepper.reset(); // 重置MatStepper
  this.stepper.selectedIndex = -1; // 将选定的索引设置为-1，取消选择所有步骤
}

4. 在模板中添加一个按钮来调用cancelSelection方法：

取消选择

完整的组件类代码示例：

import { Component, ViewChild } from '@angular/core';
import { MatStepper } from '@angular/material/stepper';

@Component({
  selector: 'app-stepper',
  templateUrl: './stepper.component.html',
  styleUrls: ['./stepper.component.css']
})
export class StepperComponent {
  @ViewChild(MatStepper) stepper: MatStepper;

  cancelSelection() {
    this.stepper.reset();
    this.stepper.selectedIndex = -1;
  }
}

完整的模板代码示例：

  
    步骤1
    
  
  
    步骤2
    
  
  
    步骤3
    
  


取消选择

这样，当点击“取消选择”按钮时，MatStepper中的所有步骤都将取消选择。