title: $compile is not defined in angular controller
body: <p>Im trying to clone a div tag which contains few HTML elements with ng-click function, </p>
  
  <p>But dynamically cloned and appended HTML elements not firing ng-click function, </p>
  
  <p>Can anyone help me out</p>
  
  <p>this is the code i used </p>
  
  <pre><code>angular.module('AddNewCab', [])
  
    .controller('cabcontainer', ['$scope','$compile', function($scope,$compile) {
  
      $scope.count = 0;
      $scope.myFunc = function($compile) {
          $scope.count=$scope.count+1;
         var source = angular.element( document.querySelector( '#cabdata' ));
         var container = angular.element( document.querySelector( '#cabcontainer' ));
         var uniqueid='cabdata'+$scope.count;
         var temp=$compile(source.clone().attr('id',uniqueid),$scope);
         container.append(temp);
      };
    }]);
  </code></pre>