Afficher les données d'un JSON

Bonjour,

J'ai un fichier Json comme suit

Code:

1
2
3
4
5
6
7
8
9
10
{
  "newEstimate": {
  	"label": "Nouveaux devis",
  	"value": 2
  },  
  "estimateValidated": {
  	"label": "Devis validé",
  	"value": 1
  },
}

J'ai un service qui récupère le JSON

Code:

1
2
3
4
get() {
        return this._http.get('/assets/api/topstatistic-model.json')
            .catch(RuntimeService.handleError);
    }

dans mon composant, j'appelle le service et récupère le json

Code:

1
2
3
4
5
6
7
public updateData(data: any[]) {
 
        this._topStatisticService.get().subscribe(data => {
                this.data = data;
            },
            error => this.handleError(error));
    }

Dans ma page, je veux afficher les éléments

1er élément "newEstimate" avec son libellé et sa valeur

J'ai essayé ça mais ça ne fonctionne pas

Code:

1
2
3
4
5
6
7
8
<div class="card" *ngIf="!inConfig">
        <div class="content">
            <div class="description">
                <i class="big thumbs up outline icon"></i> {{data.newEstimate.label}}
                <i class="big thumbs up outline icon"></i> {{data.estimateValidated.label}}
            </div>
        </div>
    </div>

Comment dois-je m'y prendre ?

Merci pour votre aide

Cordialement,