AngularJS - $ 컴파일이 작동하지 않습니다.

Question

AngularJS에서 $ 컴파일을 사용하려고합니다. http://docs.angularjs.org/api/ng.$compile에서 $ compile 사용법을 읽었습니다. 는 오류를

내 코드를 참조 시작한 후, 내 응용 프로그램에 쓴 :

@EnumeratorDirective =() -> 
    restrict: 'A' 
    scope: 
     count: '@uiCount' 

    link: (scope, element) -> 
     scope.size = element.val().length 

     element.bind 'keyup',() -> 
      scope.size = element.val().length 
      ngApply(scope) 


     el = angular.element('<div class="enumerator">{{ size }} of {{ count }}</div>') 
     $compile(el.contents())(scope) 
     element.parent().append(el) 

을 그리고 출력입니다 :

ReferenceError: $compile is not defined 
at link (http://10.0.1.100:88/assets/js/app.js:697:9) 
at i (http://10.0.1.100:88/assets/js/angular/angular.1.0.7.min.js:44:6) 
at e (http://10.0.1.100:88/assets/js/angular/angular.1.0.7.min.js:39:307) 
at http://10.0.1.100:88/assets/js/angular/angular.1.0.7.min.js:38:372 
at http://10.0.1.100:88/assets/js/angular/angular.1.0.7.min.js:39:257 
at new S.controller (http://10.0.1.100:88/assets/js/angular/angular.1.0.7.min.js:150:223) 
at d (http://10.0.1.100:88/assets/js/angular/angular.1.0.7.min.js:28:174) 
at Object.instantiate (http://10.0.1.100:88/assets/js/angular/angular.1.0.7.min.js:28:304) 
at http://10.0.1.100:88/assets/js/angular/angular.1.0.7.min.js:52:239 
at http://10.0.1.100:88/assets/js/angular/angular.1.0.7.min.js:43:348 <input enumerator="enumerator" ui-count="13" type="text" required="required" class="ng-isolate-scope ng-scope"> 

나는 무엇을 놓치고?

Answer 1

$compile 서비스를 지시문에 삽입해야합니다. AngularJS here에서 의존 주사를 읽을 수 있습니다.