1. ng-click：
用于处理元素的点击事件。
<button ng-click="onClick()">Click me</button>
angular.module('myApp', []).controller('myController', function($scope) {
$scope.onClick = function() {
alert('Button clicked!');
};
});
2. ng-change：
用于处理表单元素值的变化事件。
<input type="text" ng-model="inputValue" ng-change="onChange()">
angular.module('myApp', []).controller('myController', function($scope) {
$scope.onChange = function() {
console.log('Input value changed to: ' + $scope.inputValue);
};
});
3. ng-submit：
用于处理表单提交事件。
<form ng-submit="onSubmit()">
<!-- form fields go here -->
<button type="submit">Submit</button>
</form>
angular.module('myApp', []).controller('myController', function($scope) {
$scope.onSubmit = function() {
alert('Form submitted!');
};
});
4. ng-mouseover 和 ng-mouseleave：
用于处理鼠标移入和移出事件。
<div ng-mouseover="onMouseOver()" ng-mouseleave="onMouseLeave()">Hover me</div>
angular.module('myApp', []).controller('myController', function($scope) {
$scope.onMouseOver = function() {
console.log('Mouse over the element!');
};
$scope.onMouseLeave = function() {
console.log('Mouse left the element!');
};
});
这些是一些基本的事件处理函数的例子。在实际应用中，你可能会结合指令、服务等使用更复杂的事件处理逻辑。另外，确保在 AngularJS 1.x 版本中使用正确的事件处理方式，而在 Angular 2+ 版本中使用更现代的 Angular 事件处理方式。
转载请注明出处：http://www.pingtaimeng.com/article/detail/4892/Angular