title: How to allow static url routes to exist on a dynamic url namespace
body: <p>So I have 2 routes in angular-ui-router, one static and one dynamic</p>
  
  <pre><code>$stateProvider
        .state('home', {
          url: '/home',
          templateUrl: 'home.html'
        })
        .state('profile', {
          url: '/:username',
          templateUrl: 'profile.html'
        })
        ;
  </code></pre>
  
  <p>How can I make sure that one does not clash with the other?</p>
  
  <p>====</p>
  
  <p>EDIT: </p>
  
  <p>Now I found out that 'profile' clashes with root: </p>
  
  <pre><code>.state('root', {
          url: '/',
          templateUrl: 'root.html'
        })
        ;
  </code></pre>
  
  <p>Navigating to '/' displays the profile.html instead of root.html. Navigating to '/windy' shows the profile.html correctly.</p>