Машинопись/Угловая 2

Question

private nodes = []; 

constructor(private nodeService: NodeService) {}  

    this.nodeService.getNodes('APIUrl') 
      .subscribe((data) => { 
      this.nodes.push(data); 
     }); 


     console.log(this.nodes) 

Это мой компонент, где я получаю данные.

getNodes(url) { 
    return this.http.get(url) 
    .map((data) => data.json()) 
} 

Это моя служба, где я получаю мои данные и сопоставить его

Однако, когда я console.log (this.nodes) в моем компоненте это мой результат:

[1: Array[0]] 

And it is possible to see the structure of my data as shown here

Таким образом, моя проблема в том, что i console.log (this.nodes [0]) в моем компоненте, я получаю undefined. Кажется, я не могу получить доступ к своим данным, как мне нужно. Есть предположения?

Answer 1

Замечание Пер Хуана, вам нужно переместить console.log в обратный вызов.

constructor(private nodeService: NodeService) {}  

    this.nodeService.getNodes('APIUrl') 
      .subscribe((data) => { 
      this.nodes.push(data); 
      console.log(this.nodes) 
     }); 

Но на самом деле ваш код указывает, что вы не понимаете асинхронного характера этой службы. Читайте и понимайте ответ, с которым он связан.