angular 2 * ngFor 및 Observables Object, 데이터가 표시되지 않음

Question

특정 질문을 이미 확인했지만 여전히 문제를 해결하지 못했습니다. 내가 관찰 가능한을 반환 내 응용 프로그램에서 서비스를 사용하고, 모든이 단계에 괜찮지 만, 내가 데이터를 표시 할 때 아무 일도 발생하지 않습니다 :

@Injectable() 
export class DataService { 

    private APIURL = 'http://api.dev/'; 

    constructor(private http: Http) { 
    } 

    _API_getEvents:string = this.APIURL + "getEvents"; 
    getEvents() : Observable<IEvent[]> { 
     return this.http.get(this._API_getEvents) 
     .map((res:Response) => res.json()) 
     .catch(this.handleError); 
    } 

    private handleError (error: Response | any) { 
     // In a real world app, we might use a remote logging infrastructure 
     let errMsg: string; 
     if (error instanceof Response) { 
      const body = error.json() || ''; 
      const err = body.error || JSON.stringify(body); 
      errMsg = `${error.status} - ${error.statusText || ''} ${err}`; 
     } else { 
      errMsg = error.message ? error.message : error.toString(); 
     } 
     console.error(errMsg); 
     return Observable.throw(errMsg); 
    } 


} 

이벤트 인터페이스 :

export interface IEvent { 
    id: number; 
    name: string; 
    created_at:Date; 
    update_at:Date; 
} 

과 구성 요소 :

events:IEvent[]; 
//events:any[]; 

    constructor(private _http:Http, private _dataService: DataService) 
    { 
    this._dataService.getEvents() 
    .subscribe(

     function(response) { console.log("Success Response" + response); 

     this.events = response; 
     console.log('EVENTS: '); 
     console.log(this.events); 
     }, 
     function(error) { console.log("Error happened" + error)}, 
     function() { console.log("the subscription is completed")} 
    ); 
    } 

내가 표시하기 위해 노력하고있어, 그 빈 :

<ul *ngIf="events"> 
        <li *ngFor="let event of events"> 
         <a [routerLink]="['/gallery/', 'event1']"> 
          {{event.name}} 
         </a> 
        </li> 
... 

무엇이 문제 일 수 있습니까?

Answer 1

화살표 기능을 사용하십시오. 그것들이 없으면, this은 칼백 함수의 구성 요소 인스턴스에 바인딩되지 않습니다.

.subscribe(response => { 
    console.log("Success Response" + response); 
    this.events = response; 
}, 
...