每个循环 Ember 内的音频标签

Question

在 Ember 应用程序 (Ember v3.13) 中，我尝试遍历音频 URL 数组，在模板中使用每个循环，并为每个循环生成一个音频标签。 ..

我收到以下错误：

Assertion Failed: fullName must be a proper full name

音频标签在每个循环之外工作正常。

想知道是否有人以前见过这个或知道它是什么意思，或者是否有解决方法？

这是有问题的代码：

{{#each audioURLS as |audio|}}
  <li>
    <audio controls preload="none" src={{audio}}>Your browser does not support the audio element.</audio>
  </li>
{{/each}}

Answer 1

尝试使用不同的变量名。尖括号组件调用的引入导致在传入同名变量时尝试调用组件的代码出现问题：

{{#each audioURLS as |src|}}
  <li>
    <audio controls preload="none" src={{src}}>Your browser does not support the audio element.</audio>
  </li>
{{/each}}

Answer 2

我明白问题出在哪里了。在这个问题中提到： https://github.com/emberjs/ember.js/issues/17219

我将音频作为块参数，然后尝试调用 HTML5 音频标签，这导致了冲突。

遗憾的是错误信息如此含糊不清，Ember似乎经常如此。

从这里更新了我的代码：

{{#each audioURLS as |audio|}}
  <li>
    <audio controls preload="none" src={{audio}}>Your browser does not support the audio element.</audio>
  </li>
{{/each}}

对此：

{{#each audioURLS as |a|}}
  <li>
    <audio controls preload="none" src={{a}}>Your browser does not support the audio element.</audio>
  </li>
{{/each}}

然后一切正常。

每个循环 Ember 内的音频标签

Audio tags inside Ember each loop

html5-audio

ember.js