Angular2 rxjs調用休息API並獲取undefined輸出

Question

我的Angular2服務有問題。我的函數調用休息服務器，接下來我想打印輸出，但console.log顯示undefined。

主要類

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(); 
    } 
} 

而EventService

@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')); 
    } 

} 

請告訴我是錯了嗎？

Answer 1

在設置之前，您正在記錄this.events。這樣做：

loadPosts() { 

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