ember.js - 转换为 Glimmer 组件——服务中的动态属性
问题描述
我正在尝试构建一个 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);
}
}
}
解决方案
推荐阅读
- c# - 使用 Oauth2 从 Xero API 获取基于联系人姓名的联系人详细信息
- django - Django (DRF) 序列化程序和 MariDB 版本控制表
- vba - 强制人们启用 Word 宏
- typescript - Svelte 允许无效的打字稿
- python - 单个位置索引器超出范围
- java - JavaFX 11 可编辑组合框抛出 IndexOutOfBoundsException
- sql - 如果控件为空(IS NULL),则访问多条件查询以包括空白/空记录
- c - STM32G0 bootloader内存扩展问题
- html - 在 div 的标题内显示实体定义
- macos - Running 32 bit address space code on Mac M1 chip