ОШИБКА TypeError: Невозможно прочитать свойство '0' из неопределенного в angularjs 6

Question

Я получаю сообщение "Не могу прочитать свойство '0' из неопределенного".

Это мой HTML-код

<!-- ... -->
<img src="{{hit._source.productPhoto[0].docURL}}">

Это мои данные JSON:

"hits": [
  {
    "_index": "costbo",
    "_type": "_doc",
    "_id": "product-e89120f49a734cc7bc7562d96e2de77b",
    "_score": 3.7523928,
    "_source": {
      "productOriginalPrice": 0,
      "productSalePrice": 0,
      "productPhoto": [
        {
          "docLURL": "",
          "docType": "service1-Asdx89",
          "docSURL": "",
          "name": "photo",
          "docURL": "https://storage.googleapis.com/bo3151920215/business/d1bef58035ac4a19bde4e2646937a71c/product/e89120f49a734cc7bc7562d96e2de77b/service1-Asdx89.jpeg",
          "docMURL": ""
        }
      ],
      ...
    }
]

Другие параметры работают, но я получаю только ошибку в строке с фигурными скобками.

Answer 1

hits - это массив, поэтому вы должны использовать позицию индекса для итерации по массиву

Для вас будет работать нижняя строка, в которой позиция индекса использовалась как 0

hits[0]._source.productPhoto[0].docURL;

Но как бы я это сделал:

Вот StackBlitz Пример отображения всех изображений с forLoop

Answer 2

Проверьте свой JSON снова.Похоже, productPhoto отсутствует.Json, которым вы поделились, полностью в порядке.Будет лучше, если вы сможете поделиться своим JSON полностью.