使用DOM时,Angular ng-click不起作用

时间:2016-09-13 07:31:53

标签: javascript jquery angularjs angularjs-directive ionic-framework

我已经从我的控制器创建了 WSGIDaemonProcess test python-path=/var/www/test/test:/var/www/test/env/lib/python3.4/site-packages WSGIProcessGroup test WSGIScriptAlias / /var/www/test/wsgi.py 运行时间,我使用<img>将我的html编译为可信赖的html

代码是:

ngSanitize
在完成html代码之后

看起来像:

$scope.renderImageHtml = function(html_code) {
  var finalHtml = "" + $sce.trustAsHtml(html_code);
  finalHtml = finalHtml.replace(/<img/g, "<img data-ng-click=\"fullScreenImage()\" ");
  return $sce.trustAsHtml(finalHtml);
};

$scope.fullScreenImage = function() {
  console.log("fullScreenImage");
}

html是正确的,但点击事件无法正常工作

1 个答案:

答案 0 :(得分:0)

您需要使用$compile编译HTML。还要在控制器中注入$ compile依赖项。

$scope.renderImageHtml = function(html_code){
 var finalHtml =  "" + $sce.trustAsHtml(html_code) ;
 finalHtml = finalHtml.replace(/<img/g,"<img data-ng-click=\"fullScreenImage()\" ");
$compile(finalHtml)($scope);
 return $sce.trustAsHtml(finalHtml);
};