Conversion de la réponse JSON d'oracle en variable angulaire 2

Question

J'essaie d'obtenir les données de oracle db et de les afficher. J'ai créé un service en utilisant express api et le nœud et capable de l'exécuter avec succès. J'ai créé un service angulaire pour récupérer les données et les affecter dans un composant angulaire, mais je ne suis pas capable de mapper la réponse JSON à la variable angulaire. S'il vous plaît vérifiez le code ci-dessous et aidez-moi ce que j'ai besoin de changer dans component.ts angulaire et comment puis-je utiliser cette variable en html.

JSON données Oracle DB:

[{"COUNT":27}] 

Service angulaire:

getCount(): Promise<String[]> { 
    return this.http.get(this.heroesUrl) 
       .toPromise() 
       .then(response => response.json().data) 
       .catch(this.handleError); 
    } 

component.ts angulaire

dataGS : String[]; 
getData(): void { 
    this.dataService 
     .getCount() 
     .then(dataGS => this.dataGS = dataGS); 

Answer 1

Votre réponse n'a pas une propriété data, il est juste un tableau. Ainsi, au lieu de:

.then(response => response.json().data) 

faire:

.then(response => response.json()) 

Maintenant, vous obtiendrez votre tableau. Puis, comme proposé par Jitender vous pouvez itérer votre réponse:

<div><p *ngFor="let d of dataGS ">{{d}}</p></div> 

Answer 2

Qu'en est-

getCount(): Promise<String[]> { 
    return this.http.get(this.heroesUrl) 
       .toPromise() 
       .then(response => { 
        response.json().map(function(item) { 
          return item['COUNT']; 
         }) 
         }) 
       .catch(this.handleError); 
    } 

dans votre html

<div><p *ngFor="let d of dataGS ">{{d}}</p></div> 

Answer 3

Vous pouvez y parvenir avec l'aide de template bindings dans angulaire. Par exemple - Dans votre composant vous recevez this.dataGS = [{"COUNT":27}] après avoir obtenu les données du db. Ensuite, sur votre html template vous pouvez afficher avec l'aide de Interpolation comme

<div>{{dataGS[0].count}}</div>