<script>
var myapp = angular.module('myapp', ["ui.router"])
myapp.config(function($stateProvider, $urlRouterProvider) {
// If there is no matching URL, go to /dashboard
$urlRouterProvider.otherwise("/dashboard")
$stateProvider
.state('dashboard', {
url: '/dashboard',
templateUrl: 'dashboard.html',
controller: 'MainCtrl'
})
.state('verify', {
url: '/verify?email&code',
templateUrl: 'verify.html',
controller: 'verifyCtrl'
})
});
myapp.controller('MainCtrl', function($scope,$state) {
$scope.goTo = function () {
$state.go('verify',{'email':'<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="90e0f1e2f1fdd0e4f5e3e4bef3fffd">[email protected]</a>', 'code': {'name': 'test name'}});
}
})
myapp.controller('verifyCtrl', function($scope, $stateParams) {
$scope.email = $stateParams.email;
$scope.code = $stateParams.code.name;
})
</script>
If you navigate from a state with parameters to the same state without parameters, it won't work.
In the demo, click on "verify with email & code" first and then click on the other link "verify without params". You'll notice that it doesn't navigate correctly.