Angular ng-click="function()" not firing but (click)="function()" does

Question

Working on angular project where i need to execute a function on an element clicked using ng-click. Using ng-click on any element won't fire the function except when i use (click) eg Box 1 -- this does not work Box 1 -- this works

so where exactly is ng-click useful?

Thank You

https://stackoverflow.com/questions/37161489/ngclick-deprecated-popular-alternative-or-solution — Danilo Dughetti, Nov 23 '17 at 13:02
ng-click was for AngularJS. Angular 2 onwards (Angular) user (click) or similar to register event handlers. — Vinod Bhavnani, Nov 23 '17 at 13:03
OK. Exactly what i wanted to know. Use (click) instead of ng-click in Angular. Thank you — Father-Empire, Nov 23 '17 at 13:13

score 0 · Accepted Answer · answered Nov 23 '17 at 13:02

0

There is no ng-click in Angular.

Perhaps you're looking for `on-click="function()"

https://angular.io/guide/template-syntax lists the canonical forms for bindings.

answered Nov 23 '17 at 13:02

Günter Zöchbauer

623,577
216
2,003
1,567

"There is no ng-click in Angular" Do you mean in angular 2? https://docs.angularjs.org/api/ng/directive/ngClick – Nattrass Nov 23 '17 at 13:04
No, I mean Angular, and yes I mean Angular 2,4,5, .... What you mean is AngularJS ;-) The question has the `angular` tag, but you might be right, that in fact it should have the `angularjs` tag instead. – Günter Zöchbauer Nov 23 '17 at 13:09
As far as I know there is no `(click)="..."` in AngularJS, therefore I think it has to be Angular (2,4,5). – Günter Zöchbauer Nov 23 '17 at 13:12
1

Good recovery ;) – Nattrass Nov 23 '17 at 13:12

Angular ng-click="function()" not firing but (click)="function()" does

1 Answers1