title: Angular : how to hide parameter in url?
body: <p>Here I have <code>modeling-agency component</code> in this component one button for route on <code>editModelingAgency/{{elememt.userid}}</code> click on that button this link route on specific user and link look like this <code>/base/editModelingAgency/15</code> but i want to show link like this <code>/base/editModelingAgency</code> and hide parameter with this how it is possible ?  </p>
  
  <p>modeling-agency.component.html</p>
  
  <pre><code>&lt;ng-container matColumnDef="action"&gt;
    &lt;th mat-header-cell *matHeaderCellDef&gt; Action &lt;/th&gt;
     &lt;td mat-cell *matCellDef="let element"&gt;
       &lt;button mat-raised-button routerLink="/base/editModelingAgency/{{element.userid}}"&gt;&lt;/button&gt;
     &lt;/td&gt;
   &lt;/ng-container&gt;
  </code></pre>
  
  <p>app-routing.modulets</p>
  
  <pre><code>const routes: Routes = [
   { path: '', redirectTo: 'login', pathMatch: 'full' },
   { path: 'login', component : LoginFormComponent },   
   { path : 'base', component : BaseComponent,canActivate : [AuthguardGuard],canActivateChild : [AuthguardGuard],runGuardsAndResolvers: 'always',
    children: [
     { path: '', redirectTo: 'dashboard', pathMatch: 'full' },    
     { path: 'dashboard', component : DashboardComponent },
     { path: 'modelingAgency', component : ModelingAgencyComponent },
     { path: 'editModelingAgency/:userid', component : EditModelingAgencyComponent },  
   ]},
     { path: '**', component : PageNotFoundComponent },   
  ];
  </code></pre>