AngularJs UI yönlendirici - birden çok URL içeren bir durum

Question

Önceden oluşturduğum bir duruma yönlendiren başka bir URL parametresi ekleme isteğim var. Verimlilik amacıyla, aynı duruma işaret etmek için birden çok URL ekleyip ekleyemeyeceğimi görmeye çalışıyorum veya bu yeni durumda bu duruma yeniden yönlendirmek için $ UrlRouterProvider.when() yöntemini kullanmalı mıyım?

Ex. Bu zaten mevcut olan

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

ve isteğin link1 sayfasına işaret eden www.site.com/newlink adresini eklemektir. Böyle bir şey var mı?

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

Answer 1

Sen params kullanın: Bu

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

Answer 2

gibi aynı durumu kullandığınızda kullanılabilir böylece

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

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

when() fonksiyon

Daha sonra kök yapılandırmasına

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

Neredeyse aynı sorun vardı

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

Answer 3

, yalnızca başka sınırlamasıyla - Ben aynı kalmasını tarayıcıda url istedim çünkü, bir yönlendirme kullanmak istemedim, ama aynı durumu gösterir.
Bunun nedeni, önceki kayıtlı URL'yi zaten kaydeden kullanıcılar için chrome kaydedilen parolaların çalışmasını istedim.
/gilly ve aynı duruma hem noktaya /new/gilly

: Benim durumumda

bu iki URL'ler istedi.

Bunu, /gilly için tanımlanmış bir duruma sahip olarak çözdüm ve ikinci URL için, /new adı verilen soyut bir durumu tanımladım.

Bu

bu kadarını edilmelidir:

$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

Regex ve url bir parametre kullanmayı deneyin. Optimal değil ama çalışır. ui-sref ile bağlantılar oluşturmak için Url'ler http://angular-ui.github.io/ui-router/site/#/api/ui.router.util.type:UrlMatcher yılında regex üzerinde

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

fazla bilgi

oldukça basit olacak şekilde bu yaklaşımı bulundu

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

Answer 5

bir fonksiyonu olarak devlet adı ile aynı parametreyi geçmek ve temizle: yalnızca url özelliğini değiştirerek, iki eşit durumu oluştur

//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)