Angular 1.x尝试将ng-click添加到动态创建的元素中

Question

我尝试动态创建元素，并在创建过程中附加ng-click。我知道我需要compile那个元素，只有它不起作用。我阅读here但无法使其与我的元素一起使用。

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

function foo(){
    var element = angular.element("<"+element+" ng-click='x()' placeholder='input'>");
    compile(element);
}