角度4のデータをフェッチする

Question

角度4とサーバー側のレンダリングから始めていますが、現在、私は外部APIのデータの一部をフェッチする概念を取得しようとしています。そのAPIはJsonオブジェクトを返します。

サイトはかなり上手く描かれていましたが、レンダリングされていないデータを取得する呼び出しが含まれるようになりました。私が得ようとしているレスポンスは、 app.components.tsで

は、私が追加：

private apiUrl= 'https://myapi/Users'; 
    data: any = {}; 

    constructor(private http: Http){ 
    this.getUsers(); 
    this.getData(); 
    } 

    getData(){ 
    let res=this.http.get(this.apiUrl).map((res: Response)=>res.json()); 
    console.log("result:",res) 
    return res; 
    } 

    getUsers(){ 
    this.getData().subscribe(data=>{ 
     this.data=data; 
    }) 
    } 

さて、あなたはしかし、私はこれを取得しています、私はコンソールでHTTP呼び出しの結果を印刷していますgetDataメソッドでは、見ることができるように。

Observable { 
    _isScalar: false, 
    source: Observable { _isScalar: false, _subscribe: [Function] }, 
    operator: MapOperator { project: [Function], thisArg: undefined } } 

なぜjsonオブジェクトが表示されないのですか？それは理由だろうか？

Answer 1

getUsers（）は内部的にgetDataを呼び出しているので、コンストラクタ内でもう一度呼び出す必要はありません。また

constructor(private http: Http){ 
    this.getUsers(); 
    //remove this line this.getData(); 
} 

実際のデータを参照する方法をサブスクライブの内側にconsole.logを置き、以下のコメントが言うように、内部のあなたのメソッド呼び出しを持つことが推奨されていません

getUsers(){ 
    this.getData().subscribe(data=>{ 
     this.data=data; 
     console.log(this.data); 
    }) 
    } 

EDITコンストラクタ、ngOnitを実装してメソッドを内部に追加するようにコンポーネントを作成する