2016-11-23 7 views
1

Ich habe PageComponent welche Daten auf anderen URL (mit PageService) erneuert wird. Es verwendet dasselbe Objekt PageComponent. Ich möchte, dass PageComponent wäre neues Objekt auf neue URL.Angular2 neue Komponente Objekt auf anderen URL

  • 1. Q: Wie neue PageComponent auf andere URL erstellen?
  • 2. Q: Ist es gute Ansatz, wenn neue Komponente auf verschiedenen URLs gemacht wird?
const routes: Routes = [ 
    {path: ':uri', component: PageComponent} 
]; 
+0

Ihre Frage wirklich vage. – Chrillewoodz

+0

Neu definierte Frage. –

Antwort

0

Sie können die gleiche PageComponent für die Seite verwenden, die weitergeleitet wird. Wenn Sie auf dieser Seite ein anderes Routing benötigen, können Sie <router-outlet/> in die Seitenvorlage einfügen und andere Komponenten darauf bereitstellen.

const routes: Routes = [ 
    {path: ':uri1', component: Component1}, 
    {path: ':uri2', component: Component2}, 
    ... 
]; 
1

Wenn Sie mit Winkel 2 Routing dann wird es eine index.html-Seite und die Komponente wird in Abhängigkeit von dem Pfad in der URL geändert werden.

Für Ex.

RouterModule.forRoot([ 
    { path: 'heroes', component: HeroesComponent}, 
    { path: 'details', component: HeroesDetailComponent} 
]) 

Es wird HeroesComponent laden, wenn URL /heroes am Ort der <router-outlet> in index.html Seite sein wird, und wenn URL /details sein wird, dann wird es HeroesDetailComponent am Ort der <router-outlet> zu laden.

Für Detail, können Sie unter URL lesen

https://angular.io/docs/ts/latest/tutorial/toh-pt5.html 
Verwandte Themen