angularjs ui-router strange behaviour with additional segment in route

Question

I\'m suffering a problem with ui-router when I add a wrong segment to the route.

An example... http://xxx.xxxxx.xxx/roles works fine. This is a route defined without

Answer 1

You also have to define an state that points to the otherwise url, this way UI Routers knows how to handle the default state.

var app = angular.module('demo', ['ui.router']);


app.config(function($stateProvider, $urlRouterProvider){
  
  $stateProvider
    .state('roles', {
      url: '/roles',
      templateUrl: 'roles.html'
  })
  
  .state('otherwise', {
     url: '/',
     templateUrl: 'otherwise.html'
   })
  
  $urlRouterProvider
        .otherwise('/');
})

    

      
Roles
      
Otherwise
      
Not Found