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

【问题标题】：Why can't I iterate over a list of Firebase Img URLS, but can access each on individually?为什么我不能遍历 Firebase Img URL 列表，但可以单独访问每个？
【发布时间】：2018-11-21 04:30:37
【问题描述】：

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

我不明白。为什么我可以在数组中获得单个链接并且它会显示，但是当我遍历列表时出现错误..？

【问题讨论】：

标签： firebase loops ember.js

【解决方案1】：

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

那就试试吧

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

【讨论】：

不敢相信我错过了。谢谢！