Пользовательская директива AngularJS для datepicker не обновляет ng-model

Question

Я проверил все открытые вопросы с аналогичной темой, но не дал мне правильного рабочего решения, которое сводит меня с ума, и поэтому я открываю этот вопрос.

Мой заказ директива выглядит

angular.module('angularSampleApp') .directive('datepicker', function() { 
'use strict'; 

return { 
    restrict: 'A', 
    require: 'ngModel', 
    link: function(scope, el, attr, ngModel) { 
     $(el).datepicker({ 
      maxDate: 0 , 
      onSelect: function(dateText) { 
       scope.$apply(function(){ 
        ngModel.$setViewValue(dateText); 
        ngModel.$viewValue = dateText; 
        ngModel.$render(); 
       }); 
      } 
     }); 
    } 
    }; 
}); 

Я использую директиву, как этот

<input type="text" id="datepicker" datepicker ng-model="jumpDate"> 
<a name="jump" id="jump" title="Jump" ng-click="jumpToDate()">Jump</a> 

и контроллер у меня есть что-то вроде этого:

$scope.jumpToDate = function() { 
     console.log($scope.jumpDate); 
    }; 

Однако директива не обновляют $ scope.jumpDate, и он всегда не определен, даже если я устанавливаю значение по умолчанию в контроллере, это n когда-либо обновленные, dateText имеют правильное значение.

Я использую угловую сборку 1.4.1

Answer 1

Я хотел бы проверить значения области действия по директиве. Я предполагаю, что ng-model устанавливает значение в области изоляции, а не в контроллере.

Или попробуйте использовать

ng-model="$parent.jumpDate"