Angular Manual redirect to route

Question

I just recently started using angular 4 instead of angular js 1   I have followed the heroes tutorial to learn about the fundamentals of angular 4 and I am currently using angular s own  RouterModule  from the   angular router  package   In order to implement some authorization for my application I would like to know how to manually redirect to another route  I can not seem to find any useful information about this on the internet

User · Answer

You should inject Router in your constructor like this   constructor private router  Router        then you can do this anywhere you want   this router navigate    product-list

User · Answer

This should work  import   Router   from   angular router   export class YourClass      constructor private router  Router          YourFunction           this router navigate    path

User · Answer

Try this   constructor   public router  Router       this route params subscribe params   gt  this  onRouteGetParams params      this router navigate   otherRoute

User · Answer

Redirect to another page using function on component ts file componene ts  import  Router  from   angular router   constructor private router  Router      OnClickFunction           this router navigate    home          component html   lt div class  quot col-3 quot  gt                     lt button  click   quot OnClickFunction   quot  class  quot btn btn-secondary btn-custom mr-3 quot  gt Button Name lt  button gt   lt  div gt

User · Answer

You may have enough correct answers for your question but in case your IDE gives you the warning      Promise returned from navigate is ignored   you may either ignore that warning or use this router navigate    your-path    then

User · Answer

Angular Redirection manually  Import  angular router  Inject in constructor   then call this router navigate     import  Router  from   angular router             constructor private router  Router             onSubmit             this router navigate    profile

User · Answer

Angular routing   Manual navigation First you need to import the angular router   import  Router  from  quot  angular router quot   Then inject it in your component constructor   constructor private router  Router       And finally call the  navigate method anywhere you need to  quot redirect quot    this router navigate    your-path     You can also put some parameters on your route  like user 5   this router navigate    user   5    Documentation  Angular official documentaiton

User · Answer

Redirection in angularjs 4 Button for event in eg app home html   lt input type  button  value  clear   click   onSubmit     gt    and in home componant ts   import  Component  from   angular core    import  Router  from   angular router      Component      selector   app-root      templateUrl     app home html         export class HomeComponant      title    Home      constructor       private router  Router              onSubmit         this router navigate    doctor

[angular] Angular : Manual redirect to route

Examples related to angular