Angular2: Harici bir değere göre belirli bir rota yapılandırma listesinin seçilebilirliğini nasıl elde edebilirim

Question

Aynı rota düzeyindeki ve aynı üst yolu olan bir .ts dosyasında iki farklı Route Configs kullanmaya çalışıyorum. hizmet değişkeni değeri.

Bir dış ayar değişkeninin değeri true ise, bir alt öğe listesi kullanacak ve diğeri ise ikinci listeyi kullanacaktır. Rota yolu ve seviyesi aynıdır.

Örn:

Veli rota /parent... (non terminali rota) daha sonra çocuk rota config if service.value is true o zaman aşağıdaki kullanacağız service.value is false eğer aşağıdaki rota yapılandırma başka

@RouteConfig([ 
    {path: '/', component: ChildComponent, name: 'ChildCmp' }, 
    {path: '/test', component: SecComponent, name: 'SecCmp' }, 
    {path: '/tester', component: OptionalComponent, name: 'ThCmp' } 
]) 

kullanacağız:

@RouteConfig([ 
    {path: '/', component: ChildComponent, name: 'ChildCmp' }, 
    {path: '/test', component: SecComponent, name: 'SecCmp' } 
]) 

Listeye inject güzergahı yapılandırma listeleri eklemek veya service.value dayalı tementler? Bu modülerliği nasıl elde edeceğiniz veya rotaların seçilebilirliği hakkında herhangi bir fikir var mı?

Answer 1

Rotaları dinamik olarak yapılandırabilmeniz için Router#config kullanabilirsiniz. İşte

class Child { 
    config = []; 
    constructor(public svc: Service, router: Router) { 
    if(svc.value == 1) { 
     this.config = [ 
     {path: '/', component: ChildComponent, name: 'ChildCmp' }, 
     {path: '/test', component: SecComponent, name: 'SecCmp' }, 
     {path: '/tester', component: OptionalComponent, name: 'ThCmp' }]; 
    } 
    else if(svc.value == 2) { 
     this.config = [ 
     {path: '/', component: ChildComponent, name: 'ChildCmp' }, 
     {path: '/test', component: SecComponent, name: 'SecCmp' } 
     ]; 
    } 

    // Set the config 
    router.config(this.config); 
    } 
} 

aşağıdaki çalışma örnekle bir plnkr olduğu gibi

Yani o kadar basit. Değerleri değiştirmek için Servis'teki değeri değiştirin.