如何遍历angularjs中的json对象数组

Question

我有一个具有以下 json 结构的自动搜索模块。我需要遍历一系列 json 对象并根据要求使用键和值。

我试过下面的代码。但是使用提供的 json 对象，我可以检索键，但不能检索值。

可以说，对于第一个 Json 对象，我需要检索“Apple 产品”。但我得到的只是链接。

我尝试了response.data[key][0]，但得到了完整的 json 对象。请问我哪里做错了。

我在下面更新了 plunker

[{
    "/folder1/folder2/folder3/product-1": "Product Apple"
  },
  {
    "/folder1/folder2/folder3/product-2": "Product samsung"
  },
  {
    "/folder1/folder2/folder3/product-3": "Product lenovo"
  },
  {
    "/folder1/folder2/folder3/product-4": "Product Asus"
  },
  {
    "/folder1/folder2/folder3/product-5": "Product Acer"
  },
  {
    "/folder1/folder2/folder3/product-6": "Product Vivo"
  },
  {
    "/folder1/folder2/folder3/product-7": "Product Oppo"
  }
]

code here

Answer 1

由于这被标记为重复帖子，我已经浏览了提供的解决方案，发现重复帖子有通过 javascript 的解决方案。但我希望遍历 angularjs 'ng-repeat'。

请在下面找到我的解决方案

[code here][1]

code here

Answer 2

您可能希望将该结构分配给一个变量，然后在其上运行*ngFor，如下所示：

// in the component file
let results = [ 
   {  
      "/folder1/folder2/folder3/product-1":"Product Apple"
   },
   {  
      "/folder1/folder2/folder3/product-2":"Product samsung"
   },
   {  
      "/folder1/folder2/folder3/product-3":"Product lenovo"
   },
   {  
      "/folder1/folder2/folder3/product-4":"Product Asus"
   },
   {  
      "/folder1/folder2/folder3/product-5":"Product Acer"
   },
   {  
      "/folder1/folder2/folder3/product-6":"Product Vivo"
   },
   {  
      "/folder1/folder2/folder3/product-7":"Product Oppo"
   }
]

// in the view
<ng-container *ngFor="let result of results">
  view logic goes here
</ng-container>