각도 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); 
    }) 
    } 

편집 생성자, ngOnit을 구현하도록 구성 요소를 만들고 내부에 메서드를 추가하십시오.