javascript - AngularJS 日期选择器的自定义指令不更新 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>

在 Controller 中我有这样的东西:

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

但是指令不会更新 $scope.jumpDate 并且它始终是未定义的，即使我在 Controller 中设置默认值它也不会更新，dateText 具有正确的值。

我正在使用 Angular 版本 1.4.1

Answer 1

我会检查指令的范围值。我猜测 ng-model 正在隔离范围而不是 Controller 上设置值。

或者尝试使用

ng-model="$parent.jumpDate"