Eventi u AngularJS se definiraju pomoću direktiva:
ng-click
ng-dbl-click
ng-mousedown
ng-mouseup
ng-mouseenter
ng-mouseleave
ng-mousemove
ng-mouseover
ng-keydown
ng-keyup
ng-keypress
ng-change.
AngularJS vodi brigu da ovako definirani eventi ne ovise o browseru.
Također pojedini eventi djeluju samo unutar određenog $scope-a controllera, dakle samo
unutar određenog dijela HTML coda.
increment primjer sa ng-click pokreni primjer » HTML+JS code
Alert primjer sa ng-click
definirano preko obične variable
pokreni primjer
» HTML+JS code
definirano preko objekta
pokreni primjer
» HTML+JS code
Složeniji primjer sa ng-click i ng-mouseover pokreni primjer » HTML+JS code
Posebno treba zamijetiti AngularJS $event objekt koji možemo proslijediti iz view-a u kontroler.
Primjer koji pokazuje položaj kursora. Upotrijebljen ng-mousemove i $event objekt pokreni primjer » HTML+JS code
Sva mousemove svojstva event objekta prikazana su dolje.
VAŽNO: ev.toElement.id daje id atribut elementa nad kojim je izvršena $event radnja npr. click, mouseenter, ...
Osim event objekta može se proslijediti i neka druga varijabla definirana sa ng-bind .
Primjer prosljeđivanja varijable iz ng-bind i njeno uvećanje klikom.
pokreni primjer
» HTML+JS code
Unutar event direktive
Unutar event direktive može se:
1. definirati nova vrijednost varijable ng-click=" myVar='nesto' "
2. definirati novo svojstvo objekta ng-click=" obj.prop='nesto' "
3. pozvati funkcija koja će nešto raditi ng-click=" odradi() "
4. pozvati metoda objekta koja će nešto raditi ng-click=" obj.odradi() "