Angular: Kompilieren ist nicht definiert

Question

Ich habe seit langer Zeit ein Problem konfrontiert. Kannst du mir bitte dabei helfen? Eigentlich möchte ich an vielen Stellen die Tabelle Direktive verwenden. Also habe ich eine Direktive erstellt und eckige UI-Gitter in sie eingebunden. Aber ich bekomme einen Kompilierfehler.

Error: angular.min.js:102 ReferenceError: compile is not defined

Aber ich konnte das Gitter Inhalt

laden Was ich hier falsch gemacht haben?

HTML 
<div ng-controller="ctrl1 as two"> 
    <ltcg-table><ltcg-table>  
</div> 
<div ng-controller="ctrl2 as two"> 
    <ltcg-table><ltcg-table>  
</div> 

JS 

myApp.directive('ltcgTable', function($compile) { 
      return { 
       restrict: 'E', 
       transclude: true,  
       replace: false,        
       scope: { }, 
       controller: Controller, 
       controllerAs: 'Controller', 
       bindToController: true,    
       compile: compile 
      } 

     }); 

Answer 1

die compile Funktion (zweiter Teil von compile: compile) nicht definiert ist. Es sollte eine Funktion in Form sein:

function compile(tElement, tAttrs, transclude) { ... } 

So versuchen, die Richtlinie wie die Definition so:

myApp.directive('ltcgTable', function($compile) { 
    return { 
     restrict: 'E', 
     transclude: true,  
     replace: false,        
     scope: { }, 
     controller: Controller, 
     controllerAs: 'Controller', 
     bindToController: true,    
     compile: function(tElement, tAttr, transclude) { 
      //do some stuff here 
     } 
    } 

}); 

Oder alternativ, wenn Sie spezielle und die Netzwerke nichts tun müssen so wie es ist, lassen Sie einfach das Feld compile außerhalb der Richtungsangabe.