2016-07-15 10 views
0

ich bin mit Winkel 2 RC 3 und Router 3.0.0-alpha.8 und versuchen, auf eine andere UI-Komponente zu navigieren i PathLocationStrategy bin mit aber nur url aktualisieren, aber UI nichtwie navigiert man zur neuen UI-Komponente in angular 2?

export const HomeRoutes: RouterConfig = [ 
{path:'search/:searchId',component:SearchListingComponent} ] 

und in meinem headerComponent habe ich dieses mathod

goToSearch(searchId: string): void{ 
    this.location.go('/search',searchId);} 

die sollte Seite zur Suche-Eintrag navigiert aber nur url aktualisieren. enter image description here

home.routes.ts Datei:

export const HomeRoutes: RouterConfig = [ 
{ path: '', component: HomeComponent }, 
{ path: 'home', component: HomeComponent }, 
{ path: 'search', component: SearchComponent }, 
{path:'search/:searchId',component:SearchListingComponent}, 
{ path: 'listing/:id', component: ListingPageComponent} 
    ] 

app.routes.ts Datei:

export const routes: RouterConfig = [ 
...HomeRoutes, 
...UserRoutes, 
...ProfileRoutes, 
...LandownerRoutes 
    ]; 
    export const APP_ROUTER_PROVIDERS = [ 
provideRouter(routes), 
AUTH_PROVIDERS 
     ]; 

Antwort

0

Sie Router verwenden, sollten

//in header component 
    constructor(private router:Router){} 
    goToSearch(searchId: string): void{ 
    this.router.navigate(['/search',searchId]);} 
+0

ich das getan habe zu navigieren, aber Ich hatte Log-Fehlermeldung sagt ** Fehler: Kann nicht finden primären Ausgang "SearchComponent" laden ** – kero

+0

Ich nehme an, dass Sie die Heimroute ersetzen möchten. Sie müssen diese Route in Ihrer app.routes.ts definieren. Können Sie Details dazu angeben –

+0

'export const HomeRoutes: RouterConfig = [ {Pfad: '', Komponente: HomeComponent}, {Pfad: 'Home', Komponente: HomeComponent}, {Pfad: 'Suche', Komponente: SearchComponent}, {Pfad: 'search /: searchId', Komponente: SearchListingComponent}, {Pfad: 'listing /: id', Komponente: ListingPageComponent} ] ' – kero

Verwandte Themen