Ember.js 每个循环中都有音频标签
在一个Ember应用程序(Ember v3.13)中,我尝试使用模板中的each循环遍历音频URL数组,并为每个URL生成一个音频标记 我得到以下错误:Ember.js 每个循环中都有音频标签,ember.js,html5-audio,Ember.js,Html5 Audio,在一个Ember应用程序(Ember v3.13)中,我尝试使用模板中的each循环遍历音频URL数组,并为每个URL生成一个音频标记 我得到以下错误: Assertion Failed: fullName must be a proper full name 音频标签在每个循环之外工作正常 想知道是否有人以前见过这个,或者知道它的意思,或者是否有解决办法 以下是相关代码: {{#each audioURLS as |audio|}} <li> <audio
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}}
{{{#每个音频URL都是{音频}
您的浏览器不支持音频元素。
{{/每个}}
尝试使用其他变量名。尖括号组件调用的引入导致在传入同名变量时尝试调用组件的代码出现问题:
{{#each audioURLS as |src|}}
<li>
<audio controls preload="none" src={{src}}>Your browser does not support the audio element.</audio>
</li>
{{/each}}
{{{#每个音频URL作为| src}
您的浏览器不支持音频元素。
{{/每个}}
我知道问题出在哪里了。本期中提到:
我将audio作为block参数,然后试图调用HTML5 audio标记,结果导致了冲突
遗憾的是,错误信息是如此的含糊不清,余烬的情况似乎经常如此
从以下位置更新了我的代码:
{{#each audioURLS as |audio|}}
<li>
<audio controls preload="none" src={{audio}}>Your browser does not support the audio element.</audio>
</li>
{{/each}}
{{{#每个音频URL都是{音频}
您的浏览器不支持音频元素。
{{/每个}}
为此:
{{#each audioURLS as |a|}}
<li>
<audio controls preload="none" src={{a}}>Your browser does not support the audio element.</audio>
</li>
{{/each}}
{{{#每个音频URL作为| a}
您的浏览器不支持音频元素。
{{/每个}}
然后它工作得很好。你能在迭代数组的地方添加模板代码吗?@stevenelberger当然可以!我注意到,如果我把它改成视频标签,我没有问题。这正是问题所在,我只是发布了我自己的答案,具有相同的效果,你一定是在同一时间。谢谢你,史蒂文@GordonIsnor哈哈,我知道我们只相隔几分钟。很高兴它现在起作用了!:)我认为应该有一个模板linting规则来解决这些问题。您是否安装了ember cli模板lint,并且没有返回任何错误?