Angular-UI-Router: Mehrere URLs zu einzelnen Staates

Habe ich begonnen mit angular-ui-router, und ich bin versucht, herauszufinden, wie man mehrere URLS verweisen, die zu einem einzigen Staat. Zum Beispiel:

/orgs/12354/overview
//retyrns the same pages as
/org/overview

My $state Anbieter ist derzeit so etwas wie das hier, und seine unklar, zu meinen, wie slip in das alias '/org/overview' - route, so dass es richtig erbt von der 'org' parent.

.state('org', {
  abstract: true,
  url: '/orgs/:orgID',
  templateUrl: '/client/navigation/main.html'
})
.state('org.overview', {
  url: '/overview',
  templateUrl: '/client/overview/overview.html',
  controller: 'OverviewCtrl'

})
InformationsquelleAutor Zak Kus | 2014-10-17
  1. 6

    Dies kann erreicht werden durch when(). Angenommen, dies ist der Zustand, den Sie möchten, zeigen Sie auf mit mehreren urls.

    .state('app.home',
  {
    url: '/home',
    templateUrl: 'home.html',
    controller: 'homeCtrl'
  })

    In config() können Sie when() wie folgt:

    angular.module('myApp', [])
   .config($urlRouterProvider){
       $urlRouterProvider.when(/homepage, ['$state','$match', function ($state, $match) {
          $state.go('app.home');
 }]);
}

    Ebenfalls können Sie fügen Sie mehrere urls zeigen auf denselben Zustand.

    • Diese Lösung wird nicht funktionieren, wenn Sie möchten, um eine URL wie /orderOverview von einem Zustand 'orderOverview' und wegen einem anderen Kontext, Sie wollen eine andere URL wie /orderHistory, die zeigen sollten, um den gleichen Zustand 'orderOverview' ABER halten Sie die eingegeben/verwendet-URL in Ihrer Adressleiste.
    • Ihre Lösung würde dazu führen, eine geänderte URL.
    InformationsquelleAutor avinashkrsharma
  2. 1

    Ich denke, dass Sie nur brauchen, um zu definieren unterzustände ohne eine url wie unten ein.

    .state('org', {
  abstract: true,
  url: '/orgs/:orgID',
  templateUrl: '/client/navigation/main.html'
})
.state('org.1', {
  templateUrl: '/client/overview/one.html',
  controller: 'OverviewCtrl'
})
.state('org.2', {
  templateUrl: '/client/overview/two.html',
  controller: 'OverviewCtrl'
})
.state('org.3', {
  templateUrl: '/client/overview/three.html',
  controller: 'OverviewCtrl'
})
    • wie würde dieser wissen, dass "/overview" war eine route, da seine nicht Teil der /orgs Weg?
    • Habe ich noch nicht getestet, aber Sie sollten in der Lage sein, um den controller in den abstrakten Staat, denn es ist das gleiche für alle Kinder, richtig?
    • Yep. Das ist richtig.
    InformationsquelleAutor cbass
  3. 0

    Erstens, einen abstrakten Zustand nicht zurück Blick.

    Auch, da Sie versuchen, verwenden Sie den plural orgs für die Ansicht der Liste, und der singular org für das Element anzeigen, Sie können nicht angehängt Routen, das ist das Standard-Verhalten. 

    .state('org', {
  url: '/orgs',
  templateUrl: '/client/navigation/main.html'
})
.state('org.overview', {
  url: '^/org/:orgID/overview'
  templateUrl: '/client/overview/overview.html',
  controller: 'OverviewCtrl'
})
    InformationsquelleAutor naterkane
Schreibe einen Kommentar