Angular Ui-Router Nur Spiel "/" Nicht Kinder

Question

Ich habe zwei Hauptwege in meiner Angular App. "/" und "/ etwas/{id}". Ich würde erwarten, dass jede andere Route (z. B. "site.com/#/tree") einen Fehler verursacht, der jedoch auf meine Hauptroute geroutet wird.

 $stateProvider 
      .state('main', { 
       parent: 'app', 
       url: '/', 
       data: { 
        authorities: [], 
        pageTitle: 'Main' 
       }, 
       views: { 
        'content@': { 
         templateUrl: 'app/main/main.html', 
         controller: MainController 
        } 
       } 
      }) 
      .state('main.id', { 
       url: '^/main/{id:int}', 
       views: { 
        'content@': { 
         templateUrl: 'app/main/main.html', 
         controller: MainController 
        } 
       } 
      }); 

Gibt es eine Möglichkeit, meine Haupt-Zustand nur zu machen passen die genaue „/“ url?

Answer 1

Versuchen

app.config(["$urlRouterProvider","$stateProvider", 
    function($urlRouterProvider, $stateProvider) { 
     //reroute to error page 
     $urlRouterProvider.otherwise({templateUrl:'/404.html'}); 

     //the rest of your $stateProvider code goes here. 
    } 
]);