How do redirect by click item in Angularjs?

Question

There is HTML code:

<div class="item" data-url="link"></div>
<div class="item" data-url="link"></div>
<div class="item" data-url="link"></div>

In Jquery I can do:

$('.item').click(function () {
   var url = $(this).attr('data-url');
   redirect(url);
});

How do this in Angular?

David says Reinstate Monica · Accepted Answer · 2015-03-29 19:57:37Z

1

If for some reason you don't want to wrap your <div>s in an <a>, you can just add an ng-click attribute to them and redirect in your controller code. If your redirect is internal, you should look into using the $location service, otherwise use the $window service.

answered Mar 29, 2015 at 19:57

David says Reinstate Monica

20.2k22 gold badges84 silver badges124 bronze badges

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

1 Comment

Nikhil Bhandari Over a year ago

@sahe: once you are done with writing a method in your controller you can move the code to a directive something like this stackoverflow.com/a/22592535/537079

Vijay · Accepted Answer · 2015-03-30 05:51:36Z

0

Try this i just create an example. you can modify as per your requirement. Then want to configure the $locationservice in your controller.

//i just create an example you can modify as your requirement
$scope.redirect = function(){    
       $location.path("/route");
}

<div ng-app="myApp" ng-controller="myCtrl">
<div class="item" data-url="link" ng-click='redirect()'>redirect</div>
</div>

edited Mar 30, 2015 at 5:51

answered Mar 30, 2015 at 5:44

Vijay

4313 silver badges12 bronze badges

Collectives™ on Stack Overflow

How do redirect by click item in Angularjs?

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related