如何在具有动态 id 的车把中访问关联数组的元素?

Question

我目前正在尝试访问 emberjs 车把文件内的关联数组。通过硬编码值访问没有问题，但我想根据动态"索引"获取元素。

到目前为止，我拥有的代码是

{{#each this.model.ambient as |sound|}}
<Ambientsound @buttonActive={{soundPlayers.[Bells]}} @sound={{sound}} @updateFunction={{action "updateSound"}}/>
{{/each}}

控制器的相关部分是：

soundPlayers: {"Bells":100,"Fireplace":30}

我上面的代码工作得很好，但现在我正在尝试访问声音播放器。[...]基于 sound.id 的值，如下所示：

{{#each this.model.ambient as |sound|}}
<Ambientsound @buttonActive={{soundPlayers.[sound.id]}} @sound={{sound}} @updateFunction={{action "updateSound"}}/>
{{/each}}

sound.id 中的值作为字符串传递，对此我无能为力。

如何将 sound.id 转换为允许我访问数组的内容，或以某种方式对句柄查询进行短语，以便我可以从数组中获取结果？我还可以考虑重塑控制器中的数组。欢迎任何有帮助的东西！

Answer 1

首先你应该做{{soundPlayers.Bells}}。 接下来，您可以使用get帮助程序：

<Ambientsound @buttonActive={{get soundPlayers sound.id}} @sound={{sound}} @updateFunction={{action "updateSound"}}/>