How to pass a parameter to routerLink that is somewhere inside the URL

Question

I know I can pass a parameter to routerLink for routes such as   user  id   by writing   routerLink      user   user id     but what about routes such as this one    user  id details   Is there a way to set this parameter or should I consider a different URL scheme

User · Answer

app-routing module ts const routes  Routes         path   products   component  ProductsComponent        path   product  id   component  ProductDetailsComponent        path      redirectTo    products   pathMatch   full         In controller you can navigate like this  this router navigate    products   productId     It will land you to path like this  http   localhost 4200 products product-id Ref

User · Answer

constructor private activatedRoute  ActivatedRoute     this activatedRoute queryParams subscribe params   gt      console log params  type              This works for me

User · Answer

There are multiple ways of achieving this    Through  routerLink  directive The navigate Array  method of the Router class The navigateByUrl string  method which takes a string and returns a promise   The routerLink attribute requires you to import the routingModule into the feature module  in case you lazy loaded the feature module or just import the app-routing-module if it is not automatically added to the AppModule imports array    RouterLink    lt a  routerLink      user   user id   gt John Doe lt  a gt   lt a routerLink  urlString  gt John Doe lt  a gt     urlString is computed in your component    Navigate      Inject Router into your component    Inject ActivatedRoute into your component  This will allow the route to be done related to the current url this  router navigate   user  user id    relativeTo  this  activatedRoute      NavigateByUrl   this  router navigateByUrl urlString  then  bool    gt      catch

User · Answer

Maybe it is really late answer but if you want to navigate another page with param you can     routerLink      user   user id   details      also you shouldn t forget about routing config like      path   user  id details   component userComponent  pathMatch   full

User · Answer

In your particular example you d do the following routerLink     routerLink     user   user id   details      To do so in a controller  you can inject Router and use   router navigate   user   user id   details       More info in the Angular docs Link Parameters Array section of Routing  amp  Navigation

User · Answer

First configure in table   const routes  Routes           path   class  id enrollment  guid     component  ClassEnrollmentComponent         now in type script code   this router navigate   class   classId  enrollment   4545455        receive params in another component   this activatedRoute params subscribe params   gt      let id   params  id      let guid   params  guid       console log    id    guid

[angular] How to pass a parameter to routerLink that is somewhere inside the URL?

Examples related to angular

Examples related to angular2-routing

Examples related to angular2-router3