要在Angular中实现音频结束后更改按钮的功能，你可以按照以下步骤进行操作。

首先，确保你已经安装了 @angular/material 和 @angular/cdk 这两个依赖。

在你的组件的 HTML 模板文件中添加一个 元素，并为其绑定一个点击事件和一个状态变量，示例代码如下：

播放音频

在组件的 TypeScript 文件中定义 isPlaying 变量和 playAudio() 方法，示例代码如下：

import { Component } from '@angular/core';
import { MatButtonToggleChange } from '@angular/material/button-toggle';

@Component({
  selector: 'app-audio-player',
  templateUrl: './audio-player.component.html',
  styleUrls: ['./audio-player.component.css']
})
export class AudioPlayerComponent {
  isPlaying: boolean = false;

  playAudio() {
    this.isPlaying = true;
    // 在这里添加播放音频的逻辑，例如使用 HTML5 Audio API
    const audio = new Audio('/path/to/audio.mp3');
    audio.play();
    // 监听音频结束事件
    audio.addEventListener('ended', () => {
      this.isPlaying = false;
    });
  }
}

在上述代码中，我们使用 Audio 对象创建一个新的音频元素，并使用 play() 方法播放它。然后，我们监听音频的 ended 事件，并在事件中将 isPlaying 变量设置为 false，以便更改按钮的状态。

最后，你可以根据需要自定义按钮的样式，或使用 Angular Material 提供的按钮样式。

这样，当你点击按钮时，音频将被播放，按钮将被禁用，直到音频结束后按钮的状态将被重置。

希望这个解决方法对你有帮助！