如何导航到角度2中的新Ui组件？

Question

i am using angular 2 RC 3 and router 3.0.0-alpha.8 and try to navigate to another UI component i am using PathLocationStrategy but it only update url but not UI

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

and inside my headerComponent i have this mathod

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

which should navigates to search-listing page but it only update url.

home.routes.ts file:

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 file:

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

Answer 1

You should use router to navigate

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