为什么我无法循环访问 Firebase 图像网址列表,但可以单独访问每个网址?



我有一组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}}

最新更新