Angular2 rxjs Aufruf zur Ruhe api und bekomme undefinierte Ausgabe

Question

Ich habe ein Problem mit meinem Angular2-Dienst. Meine Funktion Call to Rest Server, als nächstes möchte ich die Ausgabe drucken, aber console.log zeigt undefined.

Hauptklasse

export class EventListComponent implements OnInit { 
    events: Event[]; 

    constructor(
    private eventService: EventService 
) {} 

    loadPosts() { 
    console.log('loading'); 
    this.eventService.getEvents() 
     .subscribe(
     events => this.events = events, 
     err => { 
      console.log(err); 
     }); 
    console.log(this.events); // undefined 
    } 

    ngOnInit() { 
    // Load comments 
    this.loadPosts(); 
    } 
} 

und Event

@Injectable() 
export class EventService { 

    private eventsUrl = 'http://localhost:5000/search'; 

    constructor(private http: Http) {} 

    getEvents(): Observable<Event[]> { 

    return this.http.get(this.eventsUrl) 
     .map((res: Response) => res.json()) 
     .catch((error: any) => Observable.throw(error.json().error || 'Server error')); 
    } 

} 

Was ist falsch?

Answer 1

Sie loggen this.events, bevor es eingestellt ist. Do:

loadPosts() { 

    this.eventService.getEvents() 
     .catch(err => console.log(err)) 
     .subscribe(
     events => { 
      this.events = events; 
      console.log(this.events); 
     }); 
    }