angular2 및 bootstrap-datepicker - 선택한 날짜를받는 방법은 무엇입니까?

Question

angular2에서 bootstrap-datepicker를 사용하려고합니다.

   <div class="input-append date" id="datepicker"> 
        <input class="span2" size="16" type="text" /> 
        <span class="add-on"><i class="icon-calendar"></i></span> 
       </div> 





    $('#datepicker').datepicker({ 
     format: 'yyyy-mm-dd', 
     startDate: '2001-01-01', 
     autoclose: true 
    }).on('changeDate', function(ev){ 
     this.stupid_date = ev.date; 
     console.log('dudeme',ev.date.valueOf(),ev.date) 
    }); 

선택한 날짜는 어떻게 받습니까? console.log가 인쇄되지만 this.stupid_date는 업데이트되지 않습니다.

Answer 1

콜백 함수의 내부에있는 this이 구성 요소 인스턴스를 참조하지 않는 것으로 보입니다. 다음과 같이

봅니다 화살표 기능을 사용하는 방법 :

}).on('changeDate', (ev) => { 
    this.stupid_date = ev.date; 
    console.log('dudeme',ev.date.valueOf(),ev.date) 
}); 

Plunker Example

도 참조

에게

• https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Functions/Arrow_functions#No_binding_of_this