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

再次检查您的json。似乎缺少productPhoto。您共享的json完全可以。如果您可以共享整个json，那就更好了。

Answer 2

hits是一个数组，因此您必须使用索引位置来遍历数组

下面的行将对您有用，在该行中将索引位置用作0

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

但是我该怎么做：

这里是StackBlitz的示例，其中显示所有带有forLoop的图像

错误TypeError：无法读取angularjs 6中未定义的属性'0'

2 个答案: