Angular2 Routing basierend auf Subdomain?

Question

Ich versuche, in Angular2 Router basierend auf der Sub-Domain in einer URL zu routen. Zum Beispiel, wenn jemand test.domain.com anfordert, erhalten sie die "Test" Route. Ich konnte router.navigate nicht von ngOnInit arbeiten, ohne eine Zeitüberschreitung zu setzen, aber das Ausführen des folgenden vom Konstruktor funktioniert. Wäre es interessant, wenn es eine sauberere Lösung gäbe?

{path: 'test',     component: TestComponent} 

this._router.events.subscribe(event => { 
if (event.constructor.name === 'NavigationEnd' 
    && window.location.hostname == 'test.domain.com' 
    && event.url == '/') { 
     console.log(event.url); 
     this._router.navigate(['test']); 
    } 
}); 

Answer 1

können Sie verwenden SetTimeout wie hier gezeigt,

ngOnInit() { 
    if (window.location.hostname == 'test.domain.com'){ 
     console.log(window.location.hostname); 

     setTimeout(()=>{ 
     this._router.navigate(['test']); 
     },2000) 


    } 
}; 

Answer 2

Sie Guards verwenden Navigation zu verhindern oder auf einen anderen Pfad umgeleitet werden. Ähnlich wie Ihr Beispiel:

@Injectable() 
export class RedirectGuard implements CanActivate { 

    constructor(router:Router){} 

    canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): boolean { 
     // check if need redirect 
     if (...) { 
      console.log(`requested url: ${state.url}`); 
      this.router.navigate(['/test']); 
      return false; 
     } 
     return true; 
    } 
} 

die Wache zu übernehmen Sie es hinzufügen sollten die Anbieter Modul und konfigurieren Route:

[{ 
    path: '', 
    component: YourComponent, 
    canActivate: [RedirectGuard], 
    children... 
}, 
{ 
    path: 'test', 
    component: YourTestComponent, 
    children... 
}, 
... 
] 

https://angular.io/docs/ts/latest/guide/router.html#!#can-activate-guard

Auch nehme ich an, dass Sie Ihre Anwendung konfiguriert werden konnten mit anderen base href:

let useTestSubdomain: boolean = window.location.hostname == 'test.domain.com'; 

@NgModule({ 
    providers: [{provide: APP_BASE_HREF, useValue: useTestSubdomain ? '/test' : '/'}] 
}) 
class AppModule {} 

https://angular.io/docs/ts/latest/api/common/index/APP_BASE_HREF-let.html