要将"ng-click()"附加到动态添加的HTML数组上的<img>标记,可以按照以下步骤进行操作:
下面是一个示例代码:
<!DOCTYPE html>
<html ng-app="myApp">
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.2/angular.min.js"></script>
</head>
<body ng-controller="myCtrl">
<div ng-repeat="htmlCode in dynamicHtmlArray" ng-bind-html="htmlCode"></div>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope, $sce) {
$scope.dynamicHtmlArray = [];
$scope.handleClick = function() {
// 在这里编写点击事件的逻辑
console.log('点击事件已触发');
};
// 动态添加HTML代码
var htmlCode = '<img src="image.jpg" ng-click="handleClick()">';
$scope.dynamicHtmlArray.push($sce.trustAsHtml(htmlCode));
});
</script>
</body>
</html>
在上面的示例中,我们使用了AngularJS的ng-bind-html指令来渲染动态添加的HTML代码,并使用ng-click指令将"handleClick"函数与<img>标记关联起来。注意,为了使动态添加的HTML代码生效,我们使用了$sce服务的trustAsHtml方法来信任HTML代码。
这是一个基本的示例,你可以根据自己的需求进行修改和扩展。
没有搜到相关的沙龙
领取专属 10元无门槛券
手把手带您无忧上云