ng-click - after click do function and redirect

Question

I have little problem.

I want to create ng-click with redirect, but before redirect I need to post some data.

My html code :

<a href="/test" ng-click="updateData($event)">Go</a>

My angular updateData function :

$scope.updateData = function($event){

   $event.preventDefault();

   $http.post(someAddress, $scope.data)
      .success(function(){
          // on success redirect
      });
   };

I found somethings like this scope.$eval(clickAction); but I don;t know how I should use it.

I can't use only redirect without JS because I have 2 different forms.

vinayakj · Accepted Answer · 2015-04-19 11:55:23Z

1

<a href="/test" ng-click="updateData($event, this.href)">Go</a>


$scope.updateData = function($event, loc){
   $event.preventDefault();

   $http.post(someAddress, $scope.data)
      .success(function(){
          // on success redirect
          location.href = loc;
      });
   };

answered Apr 19, 2015 at 11:55

vinayakj

5,7013 gold badges30 silver badges49 bronze badges

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

1 Comment

Micchaleq Over a year ago

Thank you guys. It slove my problem.

Pankaj Parkar · Accepted Answer · 2015-04-19 11:54:51Z

1

You should redirect from JS function rather than relying on href, no need of $event.preventDefault(); in this case.

Markup

<a href="" ng-click="updateData()">Go</a>

Code

 $scope.updateData = function(){
    $http.post(someAddress, $scope.data)
    .success(function(){
      // on success redirect
      $location.path('/test'); //to redirect from here
    });
 };

answered Apr 19, 2015 at 11:54

Pankaj Parkar

136k23 gold badges241 silver badges307 bronze badges

2 Comments

vinayakj Over a year ago

Native JS is always faster than any frameworks helper functions.

Pankaj Parkar Over a year ago

i don't think so..rather than doing it..I will follow more angular way of coding..

Michael Kang · Accepted Answer · 2015-04-19 12:05:33Z

1

For full redirects, try the following:

location.assign("http://someuri.com");

answered Apr 19, 2015 at 12:05

Michael Kang

53k16 gold badges108 silver badges138 bronze badges

Collectives™ on Stack Overflow

ng-click - after click do function and redirect

3 Answers 3

1 Comment

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related