Angularjs с Bootstrap-Datepicker: ввод не распознается активно

Я пытаюсь создать приложение AngularJS, используя bootstrap-datepicker.

Вот мой HTML:

<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 }}

Последняя строка предназначена для отладки. Когда эта страница активна, средство выбора даты работает нормально и записывает любую дату, которую я выбираю, в поле input. Проблема в том, что когда я нажимаю на дату, часть {{ datepicker.date }} ничего не показывает, пока я вручную не ввожу что-то в поле input. Я хотел бы, чтобы он активно показывал любую дату, которую я выбираю.

Вот изображение, пытающееся объяснить, что происходит:

введите здесь описание изображения

Если возможно, я также хотел бы ввести свой собственный ввод в поле ввода. Любые выбранные даты будут просто добавлены в поле ввода.


angularjs twitter-bootstrap bootstrap-datepicker
person phX    schedule 06.03.2014    source источник

Ответы (1)


arrow_upward
1
arrow_downward

См. AngularJS и scope.$apply и ответ на этот связанный вопрос SO< /а>.

Ваш <input> привязан к datepicker.date, поэтому, когда вы обновляете его напрямую, добавляя «x», {{datepicker.date}} обновляется. Когда вы закрываете средство выбора даты, в <input> не вносятся никакие изменения, поэтому AngularJS не знает, как переоценить выражение. Вам нужно вызвать scope.$apply явно, когда средство выбора даты закрыто.

person sjy    schedule 06.03.2014