Easy Tutorial
Ng Ng Href Ng Ng List Ng Ng Mouseenter Angularjs Forms Ng Ng Dblclick Ng Ng Class Odd Ng Ng Cloak Angularjs Validation Ng Ng App Angularjs Include Ng Ng Src Ng Ng Bind Ng Ng Readonly Ng Ng Switch Ng Ng Click Ng Ng Change Angularjs Dependency Injection Angularjs Bootstrap Angularjs Model Ng Ng Show Ng Ng Class Ng Ng Hide Angularjs Expressions Angularjs Animations Ng Ng Blur Ng Ng Disabled Ng Ng Mouseover Angularjs Examples Ng Ng Keyup Angularjs Directives Angularjs Html Events Ng Ng Csp Ng Ng Style Ng Ng Srcset Ng Ng Keydown Angularjs Api Ng Ng Paste Ng Ng Mousemove Ng Ng Bind Html Ng Ng Selected Angularjs Scopes Ng Ng Submit Angularjs Http Ng Ng Init Ng Ng Cut Angularjs Intro Angularjs Tutorial Angularjs Services Ng Ng Focus Angularjs Modules Angularjs Ng Mouseup Ng Ng Open Ng Ng Controller Angularjs Controllers Angularjs Routing Ng Ng Options Ng Ng Model Ng Ng Value Ng Ng Mousedown Ng Ng Bind Template Angularjs Sql Ng Ng If Ng Ng Keypress Ng Ng Include Ng Ng Checked Ng Ng Model Options Angularjs Filters Angularjs Html Dom Angularjs Application Angularjs Select Ng Ng Class Even Angularjs Reference Ng Ng Non Bindable Ng Ng Copy Ng Ng Repeat Ng Ng Mouseleave Angularjs Tables
❮ Ng Ng Switch Ng Ng Change ❯

AngularJS ng-click Directive

AngularJS Reference Manual

AngularJS Example

The count variable increments automatically every time the button is clicked:

Definition and Usage

The ng-click directive tells AngularJS what to do when an HTML element is clicked.

Syntax

Supported by all HTML elements.

Parameter Values

Value Description
expression The expression to be executed when the element is clicked.

AngularJS Reference Manual

❮ Ng Ng Switch Ng Ng Change ❯