Übergeordnete URL des eckigen UI-Routers auf / gesetzt

Verwenden des UI-Routers und Festlegen der URL des übergeordneten Status auf/ Das führt dazu, dass meine URL so aussiehtlocalhost:8000/#//child beim Betrachten einer untergeordneten Seite. Ich möchte nur eine einzige/ zwischen dem Hash und Kind.

Ich habe versucht, die URL des übergeordneten Status leer zu lassen, aber dann wird ui-sref bei Verwendung eines Ankerlinks keine Verknüpfung zum übergeordneten Status herstellen. Hat jemand eine Lösung für die Verwendung einer nicht benannten übergeordneten URL auf Root-Ebene?

app.config

app.config(function($stateProvider, $urlRouterProvider) {
$urlRouterProvider.otherwise("/");

$stateProvider
  .state("main", {
    url: "/",
    templateUrl: 'sites/main/main.html',
    controller : 'MainController',
    resolve: {
      items: function(srvMenu) {
          return srvMenu.getNav();
      }
  }

 })

});

child.config

emergency.config(function($stateProvider) { 
$stateProvider
    .state("main.emergency", {
      url: "/emergency",
      templateUrl: 'sites/emergency/emergency_menu.html',
      controller : 'EmenuController',
      resolve: {
          emenu: function(srvEmergency) {
              return srvEmergency.getMenu();
          }
      }

    })

    .state("main.emergency.detail", {
      url: "/detail",
      templateUrl: 'sites/emergency/emergency_detail.html',
    })
});

Antworten auf die Frage(1)

Ihre Antwort auf die Frage