Ich habe angefangen, eine Ionen-App über der Seitenmenü-Starter-App zu erstellen. Die Starter-App verfügt über einen abstrakten Basisstatus 'App' und alle Seitenmenüseiten sind untergeordnete Elemente der App, z. B. app.search, app.browse, app.playlists usw.

Ich habe ähnliche Hierarchie. Ich möchte jedoch, dass die Startseite eine andere Seite ist, dh, sie befindet sich auf App-Ebene.

Die Staaten sehen so aus:

$stateProvider

.state('app', {
  url: "/app",
  abstract: true,
  templateUrl: "templates/menu.html",
  controller: 'AppCtrl'
})

.state('join', {
  url: "/join",
  views: {
    'menuContent' :{
      templateUrl: "templates/join.html",
      controller: 'joinCtrl'
    }
  }
})

.state('app.search', {
  url: "/search",
  views: {
    'menuContent' :{
      templateUrl: "templates/search.html",
      controller: 'searchCtrl'
    }
  }
})

.state('app.results', {
  url: "/results",
  views: {
    'menuContent' :{
      templateUrl: "templates/results.html",
      controller: 'resultsCtrl'
    }
  }
});
// if none of the above states are matched, use this as the fallback
$urlRouterProvider.otherwise('/join');

Wenn ich die App starte, ist die URL standardmäßig

http://192.168.1.4:8100/#/join

und zeigt eine leere Seite. Die join.html ist natürlich nicht leer. Außerdem werden die console.log-Meldungen in joinCtrl nicht ausgegeben.

Ich kann nicht herausfinden, warum die Join-Seite nicht geladen wird. Wenn ich das ansonsten so ändere, dass es auf '/ app / search' zeigt, funktioniert alles.

Eine Idee, was los ist? Wie lade ich die Startseite standardmäßig und navigiere dann zum Status 'app.search'?