2017-09-09 2 views
0

HTML 입력 here을 사용하여 ng-model을 형식화하는 데는 매우 직접적인 지시문이 있습니다.각도 js에 링크 속성이있는 Minification 안전 지시문

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

내 프로젝트에도 동일하게 사용하려고했지만 자바 스크립트 파일을 축소하면 작동하지 않는 문제가 있습니다. 오류 [$ injector : unpr] ...../$ injector/unpr? p0 = eProvider % 20 % 3C- % 20e % 20 % 3C- % 20dateDirective를 기록합니다. 사용을 위해 축소하려고했습니다 this 이 지침을 축소하는 방법을 안내해주십시오.

+0

당신이 plunker [링크] (https://plnkr.co/edit/mJJSC7KW7O6V7V4ck1w5?p=preview) – Ardit

답변

0

주사를 사용하지 않기 때문에 발생합니다. a.e $inject.

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); 
      }); 
     } 
    }; 
}]); 
+0

을 할 수 있습니다 참조 :

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

그래서 지침 (컨트롤러)의 모양을 작은 예제로 도와주세요. 감사 드리고 싶군요. –

+0

@shravanbardwa 업데이트 코드 –

+0

이제 나를 클릭했습니다. 대단히 고마워! 너무 좋은. +1 –