Angular2 OnInit, не получая данные с сервера

Question

У меня возникают проблемы с получением данных с сервера с использованием функции NgOnInit. С этими данными я хочу рисовать сюжет с использованием morris.js, но я не получаю эти данные.

У меня есть служба, которая получает все репарации автомобилей от БД, а затем я хочу нарисовать ежедневный график полного возмещения. Я получаю пустоту массива репараций, и я ничего не могу рисовать.

Мой код:

constructor(_router: Router, public http: Http, private _reparacionsService: ReparacioService) { 
    this.router = _router; 
} 

getReparacions() { 
    this._reparacionsService.getReparacions().subscribe(rep => this.reparacions = rep.json()); 
} 

ngOnInit() { 
    this.getReparacions(); 
    this.getLastWeek(); 
    this.getReparacionsDia(); 
    window['Morris'].Line({ 
     element: 'repDaychart', 
     data: this.reparacionsDies, 
     xkey: 'data', 
     ykeys: ['totalReparacions'], 
     labels: ['totalReparacions'], 
     parseTime: false, 
     xLabels: "day" 
    }); 
} 

Я уже ввезли и объявил OnInit:

import {Component, OnInit} from 'angular2/core'; 
    export class DashBoard implements OnInit 

Я использую угловой бета 17. Спасибо.

Answer 1

Этот код асинхронной

this._reparacionsService.getReparacions().subscribe(rep => this.reparacions = rep.json()); 

это означает, что this.getLastWeek(); в

ngOnInit() { 
    this.getReparacions(); 
    this.getLastWeek(); 

выполняется перед this.reparacions = rep.json() выполняется

Вы, вероятно, хотите сделать что-то вроде

getReparacions() { 
    return this._reparacionsService.getReparacions().map(rep => this.reparacions = rep.json()); 
} 

ngOnInit() { 
    this.getReparacions().subscribe(data => { 
    this.getLastWeek(); 
    this.getReparacionsDia(); 
    window['Morris'].Line({ 
     element: 'repDaychart', 
     data: this.reparacionsDies, 
     xkey: 'data', 
     ykeys: ['totalReparacions'], 
     labels: ['totalReparacions'], 
     parseTime: false, 
     xLabels: "day" 
    }); 
    }); 
} 

Это работает только в том случае, если другие вызовы (getLastWeek(), getReparacionsDia() `) также асинхронны.