iterazione di un object json su Ngfor in angular 2

Ho problemi con l’iterazione di un object json in Ngfor, c’è il mio modello:

modello:

Hey

{{ people| json}}

***************************

  • {{ person.label }}

la gente è l’object json che sto provando ad iterare, sto avendo il risultato di (people | json) e non ho ottenuto la lista, ecco uno screenshot:

e per finire, ecco una parte del file json:

 { "actionList": { "count": 35, "list": [ { "Action": { "label": "A1", "HTTPMethod": "POST", "actionType": "indexation", "status": "active", "description": "Ajout d'une transcription dans le lac de données", "resourcePattern": "transcriptions/", "parameters": [ { "Parameter": { "label": "", "description": "Flux JSON à indexer", "identifier": "2", "parameterType": "body", "dataType": "json", "requestType": "Action", "processParameter": { "label": "", "description": "Flux JSON à indexer", "identifier": "4", "parameterType": "body", "dataType": "json", "requestType": "Process" } } }, 

per favore sentiti libero di aiutarmi

L’object della tua people non è un array, quindi puoi scorrere immediatamente fuori dalla scatola.

Ci sono due opzioni:

  • Si desidera eseguire un’iterazione su una proprietà secondaria. Per esempio:

     
    • {{ person.label }}
  • Vuoi scorrere le chiavi del tuo object. In questo caso, devi implementare un pipe personalizzato:

     @Pipe({name: 'keys'}) export class KeysPipe implements PipeTransform { transform(value, args:string[]) : any { if (!value) { return value; } let keys = []; for (let key in value) { keys.push({key: key, value: value[key]}); } return keys; } } 

    e usalo in questo modo:

     
    • {{ person.value.xx }}

    Vedi questa risposta per maggiori dettagli:

    • Come visualizzare oggetti json usando * ngFor