how to get current url from UI Router - State? - angularjs

Question

By conditionally, I require to route my application to a new path. so I would like to know the current url of my application.
how can i get my current url from sate like toState.name?
here is my scenario:
.state('serialCreateCase', {
url: '/sn={serialNumber}', //sn=12345;
templateUrl:'app/createCase/create-case.html',
controller: 'createCaseController as ctrl',
data: {
requireLogin: false
}
here is the condition:
if(toState.name==="serialCreateCase"){ // i am getting proper result
console.log('toState.name', toState );
$rootScope.goToView("serialCreateCase"); //i am asking to go there. but not works! //sn=12345;
event.preventDefault();
}
Thanks in advance.

Answer 1

You don't need the url because you are using states
You should use this method
$state.go("serialCreateCase", {sn: 12345});
This will send the user to state serialCreateCase with the data
Key : sn
Value : 12345
EDIT
You code inside the controller should look like this
if (toState.name === "serialCreateCase") { // i am getting proper result
console.log('toState.name', toState);
$state.go("serialCreateCase", { sn: 12345 });
event.preventDefault();
}

Answer 2

Edited Code:
$rootScope.$on('$stateChangeStart', function(event, toState, toParams, fromState, fromParams) {
var curentpath = fromState.url;
var split = curentpath.split(':');
var params = $stateParams.sn;
var mainUrl = split[0] +params;
console.log(mainUrl);
});
&& Route:
.state('serialCreateCase', {
url: '/sn={serialNumber}', //sn=12345;
templateUrl:'app/createCase/create-case.html',
controller: 'createCaseController as ctrl',
data: {
requireLogin: false
}