I'm doing an application using OAuth so first of, a php-page is loaded to authenticate with OAuth. When finished the callback php script redirects to the start page of my angular application.
// Redirect user to the startpage of the application
header("location: http://localhost/app/start.html");
Here, Angular is instantiated, all scripts are loaded and the stateprovider is supposed to redirect to the .otherwise state here.
app
.config(function($stateProvider, $urlRouterProvider){
$urlRouterProvider.otherwise('main/front');
$stateProvider
.state('main',{
url: '/main',
abstract: true,
templateUrl:'templates/menu.html'
})
.state('main.frontpage',{
url: '/front',
templateUrl:'templates/frontPage.html'
})
});
The redirect works fine and i'm getting to the correct page main/front though i'm getting a weird url that JQuery keeps alarming about.
JQuery error:
Uncaught Error: Syntax error, unrecognized expression: #!/main/front
Why is the url getting the #! sign in there?
EDIT: The JQuery error appears to be thrown else where. not relevant to this question.