**Angular** is a web development framework invented by Google. Angular is used to handle the #key# front-end: the screen visible to the user #key# of web applications, and designed to make it easy to reuse code.

# 
## What is `ng-click` in Angular?

**`ng-click`** is an attribute of an #key# HTML: HyperText Markup Language #key# element that can be used for the customized components in Angular. 

We use this attribute to detect if an element is clicked and tracks the mouse's cursor. 

`ng-click` takes a function as an attribute and calls it whenever an element is clicked. This function controls the whole flow of an application such as:

* What to do when a user clicks something.
* Where to redirect the user.
* What messages to show if something is clicked.

# 
## Code

The following code explains what the `ng-click` attribute does for an `HTML` element.

<html>
 <head>
 </head>
 <body>

    <div>
        
        <button ng-click="login(user_credentials)">Login</button>
        <p>Click this button to login</p>
    </div>

    <script>
        function login(user_credentials){
        //Login the user in an app. it reads password and 
        //email from user credentials
        }
    </script>

</body>
</html>


// Async Tests Example
/*
window.onModulesLoaded = new Promise( function( resolve, reject ) {
  setTimeout(function() {
    pTag = document.querySelector("div");
    pTag.innerHTML = '';
    newVal = document.createElement("p");
    newVal.innerHTML = 'Hello World';
    pTag.appendChild(newVal);
    resolve();
  }, 100)
});
*/

codemirror

# 
## Explanation

The `ng-click` attribute detects a click on a button that says `"Login"`, and when that button is clicked, `ng-click` calls the `login()` function.

What is ng-click in Angular?

ng-click is an Angular attribute used to detect clicks and trigger functions for user interaction.