AngularJS ng-click 事件在嵌套 ng-repeat 内部时不会触发

使用AngularJS时，我们经常会遇到在嵌套的ng-repeat内部使用ng-click事件时无法触发的问题。这可能会给我们的开发带来一些困扰，因为我们希望能够在每个重复的元素上绑定一个点击事件。然而，幸运的是，我们可以通过一些简单的方法来解决这个问题。

html
  
    
      {{item.name}}
    
  

javascript
angular.module('myApp', [])
  .controller('MyController', function($scope) {
    $scope.lists = [
      {
        items: [
          {name: 'Item 1'},
          {name: 'Item 2'},
          {name: 'Item 3'}
        ]
      },
      {
        items: [
          {name: 'Item 4'},
          {name: 'Item 5'},
          {name: 'Item 6'}
        ]
      }
    ];
    
    $scope.showItemName = function(event) {
      var itemName = event.target.innerHTML;
      alert(itemName);
      event.stopPropagation();
    };
  });