我有一组Firebase存储URL,它们链接到像这样的图像:
[
"https://firebasestorage.googleapis.com/v0/b/xyz-app-1540127382149.appspot.com/o/images%2F-LR855-bwb_IuYAFeYlf%2Fyyz-1.jpg?alt=media&token=e39d4dd0-6821-477a-b165-4ead2eb0a8c4",
"https://firebasestorage.googleapis.com/v0/b/xyz-app-1540127382149.appspot.com/o/images%2F-LR855-bwb_IuYAFeYlf%2abc-1.jpg?
]
是否将这些粘贴到浏览器中?工作获取数组中的单个项并将其添加到img元素src中?工作
遍历数组并尝试将每个数组添加到img元素src中?堆栈错误
{{#each images as |img|}}
<div class="carousel-item active">
<img
class="d-block w-100"
src={{img}}
alt="Post Image"
>
</div>
{{/each}}
stack: "Error: Assertion Failed: fullName must be a proper full name
我不明白。为什么我可以在数组中获得一个链接并显示它,但当我迭代列表时,我会得到一个错误。。?
此错误是角括号组件造成的。解决方案是在这里为循环变量{{#each images as |img|}}
使用除img
之外的任何东西。<img
正在调用块参数(|img|
(作为each内部的组件。
所以尝试
{{#each images as |image|}}
...
{{/each}}