AngularJS gives us a way to bind event handlers for mouse events with the ability to use Dependency Injection with the arguments of the handlers. Here are some directives useful for mouse events:
Point 1 is straightforward. We just bind the onFirstBtnClick event handler to the click event of a button and when the user clicks it we set onFirstBtnClickResult to the value CLICKED.
Point 2 shows how we can use Dependency Injection. We have an input element bound to a secondBtnInput model variable and we pass its value to the onSecondBtnClick event handler through Dependency Injection by simply writing the name of the variable as a function parameter when we use the ng-click directive.
Point 3 is straightforward as well. Here we intercept the double-click event over an image through the ng-dblclick directive.