Javascript，在字符串中查找img src属性并向其添加函数

Question

我在AngularJS中使用ng-bind-html渲染html字符串，但我需要为每个img添加ng-click函数。

这是html字符串示例：

"<--some html content-->
<img ng-click='openModal(http://www.example.com/img/test.jpg)' class='some-class' src='http://www.example.com/img/test.jpg'>
<--some other html content-->"

，返回值应如下所示：

{{1}}

注意：class可以是任何名称

如何获取图像源，以便将其置于openModal（some-url）函数中？

Answer 1

我假设会有多个链接。您可以执行ng-repeat并在openModal和src中关联相同的链接。像这样的东西： 您的所有链接都会进入链接。

然后使用ng-repeat：ng-repeat="link in links" ({{link}}) and ng-src={{link}}

Answer 2

您可以在点击事件绑定

上处理javascript

angular.element('body').on( 'click',"img", function() {
let src = angular.element(this).attr('src');
console.log('src', src);
});