转换为 Glimmer 组件——服务中的动态属性

Question

我正在尝试构建一个 Glimmer 组件，该组件对服务中的属性更改做出反应，请参见下文，我正在尝试使组件更新 get 播放以响应 audioPlayer url 和状态的更改——这些更改已更改当在下面的播放动作中按下播放按钮时......这不起作用，我无法找到任何文档来支持这种行为。

import { action } from '@ember/object';
import { inject as service } from '@ember/service'; 

export default class ShowAudioEpisodeComponent extends Component {
  
  @service audioPlayer;
  
  get playing() {
    return this.audioPlayer.url == this.args.epi.audioUrl && this.audioPlayer.status == "playing";
  }

  @action
  play() {
    if (this.playing) {
      this.audioPlayer.pause(this.args.epi);
    } else {
      this.audioPlayer.playEpisode(this.args.epi);
    }
  }

}

Answer 1

audio-player 服务必须将url 和status 声明为@tracked，或者必须始终使用set 更新它们