Аудио теги внутри 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

Я вижу, в чем проблема сейчас. В этом выпуске было упомянуто: https://github.com/emberjs/ember.js/issues/17219

У меня в качестве параметра блока был звук, а затем я пытался вызвать тег HTML5 audio, и это вызвало конфликт.

Жаль, что сообщение об ошибке было настолько расплывчатым, что часто кажется, что дело с 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}}

А потом все заработало.

Answer 2

Попробуйте использовать другое имя переменной. Введение вызова компонента угловой скобки вызвало проблемы с кодом, который пытается вызвать компонент при передаче переменной с тем же именем:

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