Evento clic en Angular

Buenas noches este se retomara sobre el evento clic que se le puede aplicar a un boton en angular, el evento clic en angular sirve para especificar el comportamiento personalizado cuando se hace clic en un elemento. Este evento es muy útil cuando se necesita aplicar a un solo componente de angular como botones, textos, etc. 

Explicando con código lo que les he dicho realizare un ejemplo, este ejemplo es muy simple de entender y practico sobre los eventos en Angular. Haremos un contador de clics, cada vez que el usuario de clic al botón habrá una cajetilla de texto indicando las veces que se ha dado clic, para este ejemplo no realice un CSS sino simplemente le HTML.

En la imagen 1 se muestra el archivo HTML como esta estructurado. La mayoría de ejemplos los he trabajado con Sublime Text. Este ejemplo no cambia mucho con respecto al primero, en el tag div colocamos el controlador llamado: "ng-controller="myCtrl" cuyo controlador se encuentra abajo. Para los que no tenga idea que es un controlador también llamado "SCOPE" es "Aplicar la lógica de la página Angular, con los controladores podemos manipular todo el frond-end o la parte del cliente para implementar la funcionalidad a la página".

 

Imagen No.1

En la segunda imagen se muestra la ejecución del código anterior, mostrando el conteo de los datos en tiempo real, como lo realiza Angular sin tener que agregar mucho código como lo harían otros lenguajes de programación. 

 

Imagen No.2