ng-click as a class in AngularJS

Question

I'm trying to work out why this doesn't work:

<a class="ng-click: loadSomeDatas();">Click here to load some datas</a>

But this does:

<a ng-click="loadSomeDatas()">Click here to load some datas</a>

Why are you using classes?

Well ng-* attributes don't play nice on some of the clients I have to support, thus rather than shimming them I'd rather just use good ol' safe classes.

Mark Rajcok · Accepted Answer · 2013-02-08 18:14:15Z

3

This looks like a documentation error. According to the source code, it can only be used as an attribute. The link function does not use restrict so the default is "attribute only".

answered Feb 8, 2013 at 18:14

Mark Rajcok

365k114 gold badges500 silver badges494 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Ahmed Nuaman Over a year ago

It's a shame that I have to use the attribute. I might have to consider attaching the event in another way.

Liviu T. Over a year ago

@AhmedNuaman remember that you can also use data-ng-click and x-ng-click attributes see here stackoverflow.com/questions/9746916/…

JPRO · Accepted Answer · 2014-05-12 21:44:21Z

0

Can you try using "data-ng-click"? Angular will still work with data- appended before it's attribute names and this should be valid syntax in older browsers.

<a data-ng-click="loadSomeDatas()" href="#">Click here to load some datas</a>

answered May 12, 2014 at 21:44

JPRO

1,0627 silver badges19 bronze badges

Collectives™ on Stack Overflow

ng-click as a class in AngularJS

2 Answers 2

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related