Issue in Dynamic Routing after domain name in Angular 4+


In my Angular 4 project I have a container component at route:

    const appRoutes: Routes = [
    { path: '', component: HomeComponent},
    { path: '404', component: NotfoundComponent},
    { path: 'pages/:page-handle', component: StaticpagesComponent },
    { path: 'blog/:blog-handle', component: StaticpagesComponent },
    { path: 'idx', component: ListingComponent },
    { path: 'area/:area-name', component: AreadetailComponent },
    { path: 'zip-code/:zip-name', component: ZipdetailComponent },
    { path: ':agent-handle', component:AgentComponent },
    // otherwise redirect to home
    { path: '**', redirectTo: '404' }

So i want to acccess different component after domain name
For example

Issue: any name after domain goes into following route:

 { path: ':agent-handle', component:AgentComponent },

anyone know how can i solve?


On basis of routes you have define,It should be:


Answered By – shubham agarwal

Answer Checked By – Senaida (AngularFixing Volunteer)

Leave a Reply

Your email address will not be published.