angular2 fullcalendar를 사용하는 방법

Question

메신저에서 angularcalendar를 사용하여 슬롯을 Onclick하면 Call은 CalendarOptions에서 콜백 함수로 이동합니다. 선택 : 콜백 함수가 호출되지만 내부에서 angular2 함수를 호출하려고 할 때 : 서비스 (this.calenserService.save()가)가 오류를 발생 시킴 : 정의되지 않은 속성 '저장'을 저장할 수 없음 & eventClick : 은 기본적으로 선택 같은 콜백 함수 내부 angular2 구성 요소 개체/방법을 사용할 수 없습니다 메신저

calender.html

<angular2-fullcalendar [options]="calendarOptions"></angular2-fullcalendar> 

calender.component.ts

calendarOptions = { 
    header: 
    { 
     left: '', 
     center: 'title', 
     right: 'month,agendaWeek,agendaDay,today, prev,next ' 
    }, 

    slotDuration:'00:20:00',  
    defaultDate: new Date(), 
    editable: true, 
    eventLimit: true, 
    selectable: true, 
    selectHelper: true, 
    select: function(start, end, allDay) 
    { 
     let event:Event=new Event(); 
     event.id='785'; 
     event.selectable=true; 
     event.start=start; 
     event.title="Test"; 
     event.end=end; 
     **this.calenderService.save(event) // This is Angular2 component object not able to access from here**   
    },  
    eventClick: function(calEvent, jsEvent, view) { 
     alert('Event: ' + calEvent.title); 
     this.callFun() //**This is Angular 2 component function Not able to access** 
    },   
    events:this.events //this.events is Angular2 class object 
}; 

Answer 1

사용 화살표 기능은 this

eventClick: (calEvent, jsEvent, view) => { 
    alert('Event: ' + calEvent.title); 
    this.callFun(); 
}, 

... 
select: (start, end, allDay) => { 
... 

화살표 함수는 함수가 호출되는 경우보다는 생성 된 this를 캡처 유지합니다.

도 참조

• https://github.com/Microsoft/TypeScript/wiki/%27this%27-in-TypeScript