AngularJs ng-click $event 将子元素作为目标传递

AngularJS是一种流行的前端JavaScript框架，它提供了许多便捷的指令和功能，使开发者能够更轻松地构建交互性强的网页应用程序。其中一个有用的指令是ng-click，它允许开发者在用户点击某个元素时执行特定的函数。而$event参数则提供了关于事件的详细信息，包括事件的目标元素。

html
  
    点击我
  

javascript
angular.module('myApp', [])
  .controller('MyController', ['$scope', function($scope) {
    $scope.handleClick = function(event) {
      var target = event.target;
      // 在这里可以根据target进行不同的操作
      console.log(target);
    }
  }]);

html
  
    
    
    
    
    
    保存
    取消
  

javascript
angular.module('myApp', [])
  .controller('FormController', ['$scope', function($scope) {
    $scope.formData = {};
    
    $scope.saveData = function(event) {
      var target = event.target;
      
      // 根据target判断用户点击的是保存按钮
      if (target.innerText === '保存') {
        // 执行保存操作
        console.log('保存数据');
      }
    }
    
    $scope.cancel = function(event) {
      var target = event.target;
      
      // 根据target判断用户点击的是取消按钮
      if (target.innerText === '取消') {
        // 执行取消操作
        console.log('取消操作');
      }
    }
  }]);