부트 스트랩이있는 Angularjs - Datepicker : 입력을 적극적으로 인식하지 못합니다.

Question

bootstrap-datepicker을 사용하여 AngularJS 응용 프로그램을 만들려고합니다.

<div id="test" class="input-append date"> 
    <input type="text" ng-model="datepicker.date" class="span4"> 
    <span class="add-on"><i class="icon-th"></i></span> 
</div> 
{{ datepicker.date }} 

마지막 줄은 디버깅 목적을위한 :

여기 내 HTML입니다. 이 페이지가 실행 중일 때 datepicker는 올바르게 작동하고 내가 선택한 시간을 input 상자에 씁니다. 문제는 내가 클릭 할 때 {{ datepicker.date }} 부분에 input 상자에 직접 입력 할 때까지 아무 것도 표시되지 않는 것입니다. 내가 선택한 날짜를 적극적으로 보여주고 싶습니다. 가능하면

것은, 나는 또한 입력 상자에 내 자신의 입력을 입력하고 싶습니다 :

여기에 무슨 일이 일어나고 있는지 설명하려고 이미지입니다. 선택한 날짜는 단순히 입력 상자에 추가됩니다.

Answer 1

AngularJS and scope.$apply 및 answer to this related SO question을 참조하십시오.

<input>은 datepicker.date이며, 'x'를 추가하여 직접 업데이트하면 {{datepicker.date}}이 업데이트됩니다. datepicker를 닫을 때 <input>은 변경되지 않으므로 AngularJS는 표현식을 다시 평가하지 않습니다. datepicker가 닫힐 때 명시 적으로 scope.$apply으로 전화해야합니다.