AngularJS onClick

在 AngularJS 中，可以通过 ng-click 指令来绑定点击事件。

使用方法

需要在 HTML 元素中添加 ng-click 属性来绑定事件，可以是一个函数或者表达式。

<button ng-click="clickButton()">Click me</button>

在控制器中定义一个与 ng-click 属性匹配的函数，比如上述示例中的 clickButton。

angular.module('app', [])
  .controller('MyController', function($scope) {
    $scope.clickButton = function() {
      console.log('Button clicked');
    };
  });

传递参数

在 ng-click 中可以传递参数，例如：

<button ng-click="clickButton('hello')">Click me</button>

在控制器中可以通过 $event 获取点击事件相关信息，例如：

<button ng-click="clickButton($event)">Click me</button>

angular.module('app', [])
  .controller('MyController', function($scope) {
    $scope.clickButton = function(message) {
      console.log(message);
    };
  });

注意事项

如果使用 ES6 的箭头函数来定义 ng-click 的处理函数，则需要手动绑定 this。

<button ng-click="clickButton()">Click me</button>

angular.module('app', [])
  .controller('MyController', function($scope) {
    this.clickButton = () => {
      console.log('Button clicked', this);
    };
  });

结论

通过 ng-click 可以轻松地绑定点击事件，传递参数，获取点击事件相关信息。需要注意的是，在使用 ES6 的箭头函数时需要手动绑定 this，以防止作用域出错。