Angularjs, link click not working

Question

This might sound like a stupid question but I can't seem to figure out the answer, I'm studying angularjs these days and I've successfully generated the page and they have links that looks like this.

<div ng-repeat="evsi in evz" class="ng-scope">
<a href="#" likey="{{evsi.key}}" id="sideli" class="ng-binding">Link text</a>
</div>

What I want to do is when the link is clicked I need to retrive the likey value attached to it and pass it where an event is triggered.

So I used the following code

$('#sideli').on('click', function(){
    var linkkey = $(this).data('likey');
});

However this doesn't get the likey value i needed, Even when i set up a simple alert event to check whether the link is clicked the alert doesn't show up. Where is the error and how can I fix it?

Thanks

check browser console for any JavaScript errors..

iJade
– iJade

2014-02-03 10:37:31 +00:00
Commented Feb 3, 2014 at 10:37 — iJade
– iJade, Commented Feb 3, 2014 at 10:37
THis is not angular way to do. Use ng-click.

Chandermani
– Chandermani

2014-02-03 10:41:31 +00:00
Commented Feb 3, 2014 at 10:41 — Chandermani
– Chandermani, Commented Feb 3, 2014 at 10:41

michael · Accepted Answer · 2014-02-03 10:40:15Z

2

in you html:

<a ng-click="doWhatYouWant(evsi)" likey="{{evsi.key}}" 
           id="sideli" class="ng-binding" href="javascript:void(0)">Link text</a>

in your controller:

$scope.doWhatYouWant = function(evsi){
   console.log(evsi.key);
}

Keep in mind you are using angular. There is no need to query for elements and bind a click event.

answered Feb 3, 2014 at 10:40

michael

16.4k8 gold badges57 silver badges60 bronze badges

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

Comments

Bertrand · Accepted Answer · 2014-02-03 10:43:14Z

0

You could use ngClick for that.

<div ng-repeat="evsi in evz" class="ng-scope">
  <a href="#" ng-click="linkkey = evsi.key">Link text</a>
</div>

answered Feb 3, 2014 at 10:43

Bertrand

13.6k5 gold badges41 silver badges48 bronze badges

Comments

berrunder · Accepted Answer · 2014-02-03 10:41:40Z

-1

If you want to retrive value of attribute, use attr method:

$('#sideli').on('click', function(){
     var linkkey = $(this).attr('likey');
});

But better way is to use angular, as @Michael suggested.

answered Feb 3, 2014 at 10:41

berrunder

1404 bronze badges

Collectives™ on Stack Overflow

Angularjs, link click not working

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related