How to use ng-click directive in AngularJS

In AngularJS, the ng-click directive is used to bind a function to an HTML element, such as a button or a link, so that when the element is clicked, the specified function is executed. Here's how you can use it:

1. HTML Markup: First, you need to add the ng-click directive to the HTML element you want to trigger the function. This can be a button, a link, or any other clickable element.

htmlCopy code
<button ng-click="myFunction()">Click me</button>

2. Controller Function: In your AngularJS controller, define the function that you want to execute when the element is clicked.

javascriptCopy code
angular.module('myApp', [])
  .controller('myController', function($scope) {
    $scope.myFunction = function() {
      // Your function logic here
      console.log('Button clicked!');
    };
  });

3. Binding: Make sure your controller is associated with the appropriate HTML element using the ng-controller directive.

htmlCopy code
<div ng-app="myApp" ng-controller="myController">
  <!-- Your HTML content here -->
  <button ng-click="myFunction()">Click me</button>
</div>

Now, when the button is clicked, the myFunction() function will be executed.

Remember to include AngularJS library in your HTML file for AngularJS directives to work:

htmlCopy code
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.8.2/angular.min.js"></script>

That's it! This is how you can use the ng-click directive in AngularJS to handle click events.