Difference between routerLink and routerLink

Question

What is the difference between  routerLink  and routerLink   How should you use each one

User · Answer

ROUTER LINK DIRECTIVE   routerLink   quot link quot                     when u pass URL value from COMPONENT file  routerLink   quot   link   parameter   quot    when you want to pass some parameters along with route   routerLink  quot link quot                     when you directly pass some URL   routerLink   quot   link   quot                 when you directly pass some URL

User · Answer

Router Link  routerLink with brackets and none - simple explanation   The difference between routerLink  and  routerLink  is mostly like relative and absolute path   Similar to a href you may want to navigate to   about html or https   your-site com about html     When you use without brackets then you navigate relative and without params   my-app com dashboard client   jumping  from my-app com dashboard to my-app com dashboard client   lt a routerLink  client    client id          rest the same   When you use routerLink with brackets then you execute app to navigate absolute and you can add params how is the puzzle of your new link  first of all it will not include the  jump  from dashboard  to dashboard client client-id and bring you data of client client-id which is more helpful for EDIT CLIENT    lt a  routerLink      client   client id       rest the same    The absolute way or brackets routerLink require additional set up of you components and app routing module ts  The code without error will  tell you more what is the purpose of     when you make the test  Just check this with or without     Than you may experiments with selectors which - as mention above - helps with dynamics routing    Angular io Selectors  See whats the routerLink construct     https   angular io api router RouterLink selectors

User · Answer

Assume that you have  const appRoutes  Routes        path   recipes   component  RecipesComponent        lt a routerLink   recipes  gt Recipes lt  a gt    It means that clicking Recipes hyperlink will jump to http   localhost 4200 recipes    Assume that the parameter is 1   lt a  routerLink        recipes   parameter   gt  lt  a gt    It means that passing dynamic parameter  1 to the link  then you navigate to http   localhost 4200 recipes 1

User · Answer

You ll see this in all the directives   When you use brackets  it means you re passing a bindable property  a variable       lt a  routerLink   routerLinkVariable  gt  lt  a gt    So this variable  routerLinkVariable  could be defined inside your class and it should have a value like below    export class myComponent        public routerLinkVariable     home      the value of the variable is string    But with variables  you have the opportunity to make it dynamic right    export class myComponent        public routerLinkVariable     home      the value of the variable is string        updateRouterLinkVariable             this routerLinkVariable     about           Where as without brackets you re passing string only and you can t change it  it s hard coded and it ll be like that throughout your app    lt a routerLink   home  gt  lt  a gt    UPDATE     The other speciality about using brackets specifically for routerLink is that you can pass dynamic parameters to the link you re navigating to    So adding a new variable   export class myComponent           private dynamicParameter    129           public routerLinkVariable     home      Updating the  routerLink      lt a  routerLink    routerLinkVariable dynamicParameter   gt  lt  a gt    When you want to click on this link  it would become      lt a href   home 129  gt  lt  a gt

[angular] Difference between [routerLink] and routerLink

Examples related to angular

Examples related to routes

Examples related to routerlink

Examples related to angular-routerlink