Routing Angular UI Router - angularjs

Question

I'm using Angular UI Router and I'm having trouble defining my routes.
I have some basic routes with states and URLs registered:
/about,
/register,
/ (Startpage).
When the user registers I want to give them a dynamic URL to their own personal page.
And this would be a paramaterized state.
I would like the URL to be http://www.whatever.com/[username]
and if the user does not exist, redirect to a 404.
However, If i register a state named '/{userName}' this conflicts with my other routes
and takes over all requests. How do I let through all statically registered routes?
I could do http://www.whatever.com/profile/[username]. But that's not what I, nor the client I'm developing for, wants.
Maybe I could use regexp to let the statically registered routes plus the base route '/'?
Maybe there is another great solution out there!

Answer 1

You can fix this by defining the wildcard route after the static routes.
Here's a plunker: http://plnkr.co/edit/4pBWkhq4FDhLWqdCfkES?p=preview
var app = angular.module('plunker', ['ui.bootstrap', 'ui.bootstrap.tpls', 'ui.router'])
.run(['$rootScope', '$state', '$stateParams',
function ($rootScope, $state, $stateParams) {
$rootScope.$state = $state;
$rootScope.$stateParams = $stateParams;
}]);
app.config(function($stateProvider,$locationProvider, $urlRouterProvider) {
$urlRouterProvider.otherwise("/about");
$stateProvider
.state('about', {
url: "/about",
views: {
"viewA": {
template: 'About'
}
}
})
.state('register', {
url: "/register",
views: {
"viewA": {
template: "Register"
}
}
})
.state('dynamic', {
url: '/{val}',
views: {
"viewA": {
template: "Dynamic route"
}
}
});
});

Answer 2

I've solved the problem.
It was all about the order of execution.
All my routes is being registered in the seperate config-block in their respective module.
and the config block with the '/' i.e. starroute had the wrong module-name. it was being registered into the 'app'-module when it was supposed to be registered into the 'app-startPage'-module. In that way it was always registered last, when it's supposed to be registered first!
Thanks anyway and hurray for copy-paste-mistakes!