title: Dynamic Routing Show Searched Text In URL Angular 6
body: <p>I've a drop down which data is come from Database through WebAPI. If a user select any option so I'm searching the results from database and redirect him to the another page where is listing of results. Now my URL is static like example <code>http://localhost:4200/#/search</code> But I want to show selected text also in URL like <code>http://localhost:4200/#/search/selected%20text</code>. Please provide me some solutions thanks.</p>
  
  <p>App.Module</p>
  
  <pre><code>const routes: Routes = [
    {
      path: '',
      redirectTo: '/home',
      pathMatch: 'full'
    },
    {
      path: 'home',
      component: HomeComponent
    },
    {
      path: 'en',
      loadChildren: "src/app/views/site-feedback/site-feedback.module#SiteFeedbackModule"
    },
    {
      path: 'en',
      loadChildren: "src/app/views/privacy-policy/privacy-policy.module#PrivacyPolicyModule"
    },
    {
      path: 'en',
      loadChildren: "src/app/views/contact-us/contact-us.module#ContactUsModule"
    },
    {
      path: 'en',
      loadChildren: "src/app/views/data-coverage/data-coverage.module#DataCoverageModule"
    },
    {
      path: 'subscription',
      loadChildren: "src/app/views/subscribe/subscribe.module#SubscribeModule"
    },
    {
      path: 'en',
      loadChildren: "src/app/views/terms-conditions/terms-conditions.module#TermsConditionsModule"
    },
    {
      path: 'member',
      loadChildren: "src/app/views/dashboard/dashboard.module#DashboardModule"
    },
    {
      path: 'search',
      loadChildren: "src/app/views/result-listing/result-listing.module#ResultListingModule"
    }
  ]
  </code></pre>