在 Angular 12 中,如果需要为自定义的音频播放器传递索引号,可以采用以下解决方法。
{{ audio.name }}
export class AudioPlayerComponent {
audioList: any[] = [];
selectedAudioIndex: number = null;
onAudioClick(index: number) {
this.selectedAudioIndex = index;
}
}
export class CustomAudioPlayerComponent implements OnChanges {
@Input() audioList: any[] = [];
@Input() selectedAudioIndex: number = null;
ngOnChanges(changes: SimpleChanges) {
if (changes.selectedAudioIndex) {
this.updatePlayer(this.audioList[this.selectedAudioIndex]);
}
}
updatePlayer(audio: any) {
// 更新播放器
}
}