Object ionic-如何从html中的对象获取下一个键

json文件是

<div *ngFor="let product of user">
    <div padding="10px" *ngFor="let key of keys(product)" >
         <div *ngIf="product[key]!=Object && key=='ProductDetails'">

            <h6 *ngFor="let key2 of keys(product[key])">
              <div *ngIf="key2!='url'">
              {{key2}} &nbsp; : &nbsp; {{product[key][key2]}}
              <ion-fab right bottom>
                  <button ion-fab (click)="goForward(key)"><ion-icon name="arrow-round-forward"></ion-icon></button>
                </ion-fab>
        </div>
      </h6>       
    </div>     
  </div> 
  </div>

---

尝试通过索引实现这一点：

{
  "results": [
    {
      "ProductDetails": {
        "ProductName": "Macintosh Apples",
        "ProductId": "Mac3323",
        "Price": "$233",
        "url": ""
      },
      "Producer": {
        "ProducerName": "John's Apple Farm",
        "Product Place": "Texas USA",
        "ProductId": "Mac3323",
        "Harvest date": "13/2/2009",
        "State_in": "DISPATCHED",
        "State_out": "DELIVERED",
        "Dispatched Date": "15/2/2009"
      },
      "Distributer": {
        "DistributerName": "John's Distribution", 
        "ProductId": "Mac3323",
        "Arrival Date": "20/2/2019",
        "State": "DISPATCHED",
        "State_out": "DELIVERED"
      },
      "Warehouse": {
        "WareHouse Name": "John's Warehouse",
        "ProductId": "Mac3323",
        "ArrivalDate": "21/2/2019",
        "State_in": "DISPATCHED",
        "State_out": "IN_TRANSIST"
      },
      "Retailer": {
        "Retailer Name": "John's Retailers",
        "ProductId": "Mac3323",
        "State_in": "IN_TRANSIST",
        "State_out": "IN_TRANSIST"
      }
    }
  ]
}

{{key2}}:{{product[key][key2]}

尝试了这个。但是goForward函数中的键[i+1]是未定义的。键真的是一个功能。你能共享你的ts文件吗？那个方法是什么？keys（obj）{returnobject.keys（obj）；}

{
  "results": [
    {
      "ProductDetails": {
        "ProductName": "Macintosh Apples",
        "ProductId": "Mac3323",
        "Price": "$233",
        "url": ""
      },
      "Producer": {
        "ProducerName": "John's Apple Farm",
        "Product Place": "Texas USA",
        "ProductId": "Mac3323",
        "Harvest date": "13/2/2009",
        "State_in": "DISPATCHED",
        "State_out": "DELIVERED",
        "Dispatched Date": "15/2/2009"
      },
      "Distributer": {
        "DistributerName": "John's Distribution", 
        "ProductId": "Mac3323",
        "Arrival Date": "20/2/2019",
        "State": "DISPATCHED",
        "State_out": "DELIVERED"
      },
      "Warehouse": {
        "WareHouse Name": "John's Warehouse",
        "ProductId": "Mac3323",
        "ArrivalDate": "21/2/2019",
        "State_in": "DISPATCHED",
        "State_out": "IN_TRANSIST"
      },
      "Retailer": {
        "Retailer Name": "John's Retailers",
        "ProductId": "Mac3323",
        "State_in": "IN_TRANSIST",
        "State_out": "IN_TRANSIST"
      }
    }
  ]
}

 <div padding="10px" *ngFor="let key of keys(product);index as i" >
         <div *ngIf="product[key]!=Object && key=='ProductDetails'">

            <h6 *ngFor="let key2 of keys(product[key])">
              <div *ngIf="key2!='url'">
              {{key2}} &nbsp; : &nbsp; {{product[key][key2]}}
              <ion-fab right bottom>
                  <button ion-fab (click)="goForward(keys[i+1])"><ion-icon name="arrow-round-forward"></ion-icon></button>
                </ion-fab>
        </div>
      </h6>       
    </div>     
  </div>