AngularJs UI-Router - ein Zustand mit mehreren URLs

Question

Ich habe eine Anfrage, in einem anderen URL-Parameter hinzuzufügen, der zu einem Staat, den ich bereits eingerichtet habe, richtet. Aus Effizienzgründen versuche ich zu sehen, ob ich mehrere URLs hinzufügen kann, um auf denselben Status zu verweisen, oder ob ich einfach die $ UrlRouterProvider.when() -Methode verwenden soll, um in diesem neuen Fall an diesen Status zu verweisen.

Ex. Dieses ist bereits vorhanden

.state('site.link1', 
    { 
    url: '/link1', 
    templateUrl: '/views/link1.html', 
    controller: 'link1Ctrl' 
    }) 

und die Anfrage ist, www.site.com/newlink hinzuzufügen, die auf die Seite link1 zeigt. Gibt es so etwas?

.state('site.link1', 
    { 
    url: '/link1, /newlink', 
    ... 

Answer 1

Sie verwenden params:

https://github.com/angular-ui/ui-router/wiki/URL-Routing

.state('site.link', 
{ 
    url: '/{link}' 
    .. 
} 

so, wenn Sie den gleichen Zustand wie diese verwenden

$state.go('site.link', {link: 'link1'}) 
$state.go('site.link', {link: 'link2'}) 

Answer 2

Sie verwendete when() Funktion

.state('site.link1', 
    { 
    url: '/link1', 
    templateUrl: '/views/link1.html', 
    controller: 'link1Ctrl' 
    }) 

dann auf Root-Config

angular.module('myApp', [...]) 
    .config(function ($urlRouterProvider) { 
     $urlRouterProvider.when(/newlink/, ['$state','$match', function ($state, $match) { 
      $state.go('site.link1'); 
     }]); 
    }); 

Answer 3

ich fast das gleiche Problem hatte, nur mit einem anderen Zwang - ich wollte nicht eine Umleitung verwenden, da ich die URL im Browser wollte gleich bleiben, aber zeige den gleichen Zustand an.
Das war, weil ich wollte, dass die gespeicherten Chrom-Passwörter für Benutzer funktionieren, die bereits die vorherige URL gespeichert haben.

In meinem Fall wollte ich diese beiden URLs:
/gilly und
/new/gilly
sowohl auf den gleichen Zustand.

Ich löste dies, indem ich einen Zustand für /gilly definiert habe, und für die zweite URL habe ich einen abstrakten Zustand namens /new definiert.

Dies sollte nach oben wie folgt festgelegt werden:

$stateProvider.state('new', { 
    abstract: true, 
    url: '/new' 
    template: '', 
    controller: function() { } 
}).state('gilly', { 
    url: '/gilly', 
    template: 'gilly.html', 
    controller: 'GillyController' 
}).state('new.gilly', { 
    url: '/gilly', // don't add the '/new' prefix here! 
    template: 'gilly.html', 
    controller: 'GillyController' 
}); 

Answer 4

Versuchen Sie, die Regex und einen Parameter in der URL. Es ist nicht optimal, aber funktioniert.

.state('site.link1', 
{ 
    url: '/{path:link1|newlink}', 
    templateUrl: '/views/link1.html', 
    controller: 'link1Ctrl' 
}) 

weitere Informationen über regex in Urls http://angular-ui.github.io/ui-router/site/#/api/ui.router.util.type:UrlMatcher

Um

<a ui-sref="site.link1({path:'link1'})" >site link 1</a> 
<a ui-sref="site.link1({path:'newlink'})">site new link</a> 

Answer 5

ich diesen Ansatz Links mit ui-sref passieren die gleichen Parameter mit dem Staatsnamen als Funktion zu erzeugen gefunden ganz einfach zu sein und clean: Erzeuge zwei gleiche Zustände und verändere einfach die url Eigenschaft

//Both root and login are the same, but with different url's. 
var rootConfig = { 
    url: '/', 
    templateUrl:'html/authentication/login.html', 
    controller: 'authCtrl', 
    data: { 
     requireLogin: false 
    } 
} 

var loginConfig = Object.create(rootConfig) 
loginConfig.url = '/login' 

$stateProvider 
    .state('root', rootConfig) 
    .state('login', loginConfig)