Verfallsichere Direktive mit Verbindungsattribut in angular js

Question

Es gibt sehr handliche Direktive, um Datum in ng-Modell mit HTML-Eingabe here zu formatieren.

angular.module('app', []).controller('Ctrl', function($scope){ 
    $scope.firstDate = new Date(); 
    $scope.secondDate = "2014-02-20"; 
}).directive('date', function (dateFilter) { 
    return { 
     require:'ngModel', 
     link:function (scope, elm, attrs, ctrl) { 

      var dateFormat = attrs['date'] || 'yyyy-MM-dd'; 

      ctrl.$formatters.unshift(function (modelValue) { 
       return dateFilter(modelValue, dateFormat); 
      }); 
     } 
    }; 
}); 

Ich versuchte gleiche für mein Projekt zu verwenden, aber das Problem ist, dass, wenn JavaScript-Datei minimiert ist zu arbeiten ausfällt. Es protokolliert einen Fehler [$ injector: unpr] ...../$ injector/unpr? P0 = eProvider% 20% 3C-% 20e% 20% 3C-% 20dateDirective. Ich habe versucht, zu minimieren mit this Bitte führen Sie mich auf, wie diese Richtlinie zu minimieren.

Answer 1

Es passiert, weil Sie keine Injektion a.e $inject verwenden.

.controller('Ctrl', ['$scope',function($scope){/* ... */}]); 
.directive('date', ['dateFilter', function (dateFilter) {/* ... */}]); 

So Ihre Richtlinie (und Controller) wird wie folgt aussehen:

angular.module('app', []).controller('Ctrl', ['$scope',function($scope){ 
    $scope.firstDate = new Date(); 
    $scope.secondDate = "2014-02-20"; 
}]).directive('date', ['dateFilter', function (dateFilter) { 
    return { 
     require:'ngModel', 
     link:function (scope, elm, attrs, ctrl) { 

      var dateFormat = attrs['date'] || 'yyyy-MM-dd'; 

      ctrl.$formatters.unshift(function (modelValue) { 
       return dateFilter(modelValue, dateFormat); 
      }); 
     } 
    }; 
}]);