Почему я не могу перебрать список URL-адресов Firebase Img, но могу получить доступ к каждому по отдельности? - PullRequest
0 голосов
/ 20 ноября 2018

У меня есть массив URL-адресов хранилища Firebase, которые ссылаются на изображения следующим образом:

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

Я не понимаю.Почему я могу получить одну ссылку в массиве, и она будет отображаться, но когда я перебираю список, я получаю сообщение об ошибке ..?

1 Ответ

0 голосов
/ 20 ноября 2018

Эта ошибка является результатом компонентов угловых скобок.Решением было бы использовать что-либо кроме img здесь для переменной цикла: {{#each images as |img|}}.<img вызывает аргумент блока (|img|) как компонент внутри каждого.

Поэтому попробуйте вместо этого

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

...