在foreach循环中使用ng-click编译html字符串

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.7.9/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.7.9/angular-sanitize.min.js"></script>

var app = angular.module('myApp', ['ngSanitize']);

app.controller('myCtrl', function($scope) {
  $scope.items = [
    { name: 'Item 1', html: '<button ng-click="doSomething()">Click me</button>' },
    { name: 'Item 2', html: '<button ng-click="doSomething()">Click me</button>' },
    { name: 'Item 3', html: '<button ng-click="doSomething()">Click me</button>' }
  ];
  
  $scope.doSomething = function() {
    // 执行点击事件的逻辑
  };
});

<div ng-app="myApp" ng-controller="myCtrl">
  <div ng-repeat="item in items">
    <div ng-bind-html="item.html"></div>
  </div>
</div>

app.controller('myCtrl', function($scope, $compile) {
  $scope.items = [
    { name: 'Item 1', html: '<button ng-click="doSomething()">Click me</button>' },
    { name: 'Item 2', html: '<button ng-click="doSomething()">Click me</button>' },
    { name: 'Item 3', html: '<button ng-click="doSomething()">Click me</button>' }
  ];
  
  $scope.doSomething = function() {
    // 执行点击事件的逻辑
  };
  
  // 编译HTML字符串
  angular.forEach($scope.items, function(item) {
    var compiledHtml = $compile(item.html)($scope);
    item.html = compiledHtml;
  });
});