动态加载指令时如何绑定事件(angularjs1)

Danielmumu 2016-06-22

       在directive的link中有一个$http请求,当请求完成后根据返回的值动态做element.append('......');这个操作,能显示没问题,如果动态组的HTML里面有ng-click等事件时,会发现显示出来的内容根本不执行ng-click绑定的方法!

       这个是因为异步返回之后,指令的编译已经完成,因此需要动态编译。

       使用$compile服务! 在link方法中对返回后的html代码经过$compile服务处理后再插入:
       var el=$compile("HTML代码")(scope); element.append(el);

      

var TestCtrl = function($scope, $element,$compile){
    $scope.a = '123';
    $scope.set = function(){
      var tpl = $compile('<p>hello {{ a }}</p>');
      var e = tpl($scope);
      $element.append(e);
    }
  }

相关推荐