$编译显示未被捕获TypeError：undefined不是函数

Question

我正在使用以下代码。要针对特定​​的元素，并附加<div>内部的，但得到遗漏的类型错误：未定义不是$compile(newDirective)($scope);

$scope.grid= function (targetElement) 
    { 
    console.log("target element",targetElement) 
    var newDirective = angular.element("<div style='height:200px' > 
    Sample code 
    </div>"); 


    targetElement.append(newDirective); 


    $compile(newDirective)($scope); 


    } 

Answer 1

试试这个代码的功能。

$scope.grid= function (targetElement) 
     { 
     var $div = $("<div style='height:200px' > Sample code </div>"); 
     $(targetElement).append($div); 

     angular.element(targetElement).injector().invoke(function($compile) { 
     var scope = angular.element($div).scope(); 
     $compile($div)(scope); 
     }); 
    }