javascript - $compile 显示未捕获的 TypeError : undefined is not a function

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