oracleからangle2変数へのJSON応答の変換

Question

oracle dbからデータを取得して表示しようとしています。私はエクスプレスAPIとノードを使用してサービスを作成し、それを正常に実行することができました。 データをフェッチして角型コンポーネントに割り当てる角度サービスを作成しましたが、角度変数にJSON応答をマップできません。下記のコードをチェックして、角度component.tsで変更する必要があるものを教えてください。また、htmlでその変数を使用する方法もあります。

JSONのOracle DBからのデータ：

[{"COUNT":27}] 

角度サービス：

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

角度component.ts

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

Answer 1

ようInterpolationの助けを借りてこれを表示することができますに。だから、代わりに：

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

行います

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

今すぐあなたの配列を取得します。 jitenderによって提案されたように、あなたはあなたの応答を繰り返すことができます。

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

Answer 2

何

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

01についてあなたのhtml内

は

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

Answer 3

あなたは、角度でtemplate bindingsの助けを借りてこれを達成することができます。

例 - dbからデータを取得した後、コンポーネントにはthis.dataGS = [{"COUNT":27}]が返されます。次に、あなたのhtml templateあなたはあなたの応答が財産dataを持っていない、それだけで、アレイの

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