2013-06-22 32 views
0

我想在AngularJS中使用$ compile。 我读了如何使用$编译http://docs.angularjs.org/api/ng.$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"> 

我缺少什么?

回答

2

您需要将$compile服务注入您的指令。你可以在AngularJS here上阅读关于依赖注入的知识。