AngularJS - change $location silently - remove query string

Question

Is there any way to silently change the route in the url bar using angular?

The user clicks a link for the email that goes to:

/verificationExecuted?verificationCode=xxxxxx

When the page loads I want to read the verificationCode and then clear it:

 if($location.path() == '/verificationExecuted'){
     this.registrationCode = this.$location.search()["verificationCode"];
     this.$location.search("verificationCode", null); //Uncomment but make this silent!

     if(registrationCode != null) {
         ....
     }
     else $location.path("/404");      
 }

What happens when I clear it is the remaining part of the route ("/verificationExecuted") remains buts the route re-triggers so it comes around again with no verificationCode and goes straight to 404.

I want to remove the code without doing anything else.

Answer 1

You can always set the reloadOnSearch option on your route to be false.

It will prevent the route from reloading if only the query string changes:

$routeProvider.when("/path/to/my/route",{
   controller: 'MyController',
   templateUrl: '/path/to/template.html',
   //Secret Sauce
   reloadOnSearch: false
});