为什么我不能遍历 Firebase Img URL 列表，但可以单独访问每个？

Question

我有一个 Firebase 存储 URL 数组，link 像这样的图像：

[
"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

我不明白。为什么我可以在数组中得到一个 link 并且它会显示，但是当我遍历列表时我得到一个错误..？

Answer 1

此错误是由尖括号组件引起的。解决方案是在此处为循环变量使用 img 以外的任何值：{{#each images as |img|}}。 <img 正在调用块参数 (|img|) 作为 each 中的一个组件。

所以试试

{{#each images as |image|}} ... {{/each}}

为什么我不能遍历 Firebase Img URL 列表，但可以单独访问每个？

Why can't I iterate over a list of Firebase Img URLS, but can access each on individually?

loops

ember.js

firebase