typescript - Angular Youtube - onReady

我正在尝试封装这里描述的 Angular/YouTube 组件。

这个 stackblitz 是结果。

这里的问题是

<youtube-player
  #musicPlayer
  [videoId]="extractVideoId(videoId)"
  (ready)="onReadyInternal($event)">
</youtube-player>

根本没有触发 onReady 事件。我从来没有看到我的控制台日志。

  onReadyInternal(event: any): void {
    console.log(event, 'Is Ready');
    this.onReady.emit(event);
  }

我基于另一个带有关联项目的问题开展了工作。这个问题上的 onReady 正常触发，并且代码看起来非常相似。

答案＃1

这是 angular/components GitHub 上的一个问题。

bug（YouTube播放器）：startSeconds 和 ready 不工作 #29874

修复已在 PR 中提供：

YouTube 播放器的 startSeconds 和 ready 事件不起作用 #29986

您可以将 Angular 和 Angular 组件升级到 18 以解决该问题。

我尝试了一个变通方法，但没有运气。