Handling Events On AngularJS

> Here we consider how to handle events in AngularJS.
> Specifically, we will discuss about Click event in AngularJS.
> For click event, we mainly use angular directive ng-click .
> Here is the sample code for ng-click directive.

Handling Events On AngularJS - Script Side Code

> On the above example, we have one controller with model object Increment.
> We are showing the value of this model object on the View.
> The name of the Module is ModuleName.
> The name of the Controller is ControllerName.
> Our aim is to increase the model value by one on each click event.
> Lets consider the View Part.

Handling Events On AngularJS - HTML Side Code

> On the HTML part, we have registered the Module and Controller.
> We are showing the model object value within double curley bracket within div
> We have placed one HTML button with Angular Click event ng-click.
> Inside ng-click, we increment the value of model object by one.
> There by on each button click, the model object value will be increased by one.
> By this way we can implement Click event on AngularJS.

Watch Video of this Content on Video Streaming