AngularJS指令里用$compile，ngclick依然不起作用？

.directive('tableTitle',function($parse,$compile){

 return{

    restrict:'A',

    link:function(scope,elem,attrs,controller){

      scope.$watch('params',function(newParams,oldParams){

       if(!(newParams === oldParams || !newParams)){

         var trTitle = xxxx; //ngTable生成的第一行

         var thArray = trTitle.children; //全部标题的集合

       

         //以thArray[1]为例子

         var ngclick = thArray[1].attributes.getNamedItem('ng-click').cloneNode(true);

         

         var span = thArray[1].children[0].children[0];

         var spanWithNgClick = angular.copy(span);

         angular.element(spanWithNgClick)[0].attributes.setNamedItem(ngclick); //加入ngclick属性节点

         thArray[1].children[0].renmoveChild(span); //把旧的不带ngclick的span移除

         var $html = angular.element(thArray[1].children[0]).html(

                 $compile(spanWithNgClick.outerHtml)(scope));

         angular.element(thArray[1].children[0]).append($html); //添加新的戴ngclick的span

         

         angular.element(thArray[1]).removeAttr('ng-click');

         var th = angular.copy(thArray[1]);

         trTitle.removeChild(thArray[1]); //把旧的带有ngclick的th移除

         trTitle.appendChild(th);//添加不带ngclick新的th

       }

       })

   

    },



    }

});