/TypeScript/How to navigate from one page to another in angular

How to navigate from one page to another in angular

import { Router } from '@angular/router';

export class YourComponentClassName implements OnInit {

    constructor(private router: Router) {}

    gotoHome(){
        this.router.navigate(['/home']);  // define your component where you want to go
    }

}

Source: stackoverflow.com

How to navigate from one page to another in angular

<button class="btn btn-primary" (click)="gotoHome()">Home</button>

Source: stackoverflow.com

How to navigate from one page to another in angular

const routes: Routes = [
  { path:'', component:LoginComponent},
  { path: 'home', component:HomeComponent },  // you must add your component here
  { path: '**', component:PageNotFoundComponent }
];

Source: stackoverflow.com

Similar codes

0 vote107 views1 answer
Facade design pattern typescript
TypeScript
1 vote96 views1 answer
Window typescript
TypeScript
17 votes98 views3 answers
Router params angular
TypeScript
0 vote105 views1 answer
Delphi call function from its name
TypeScript
0 vote105 views1 answer
Links a otros components angular
TypeScript
0 vote106 views1 answer
Ngsw pwa how to check version update
TypeScript
4 votes108 views1 answer
Check ports in use docker
TypeScript
3 votes106 views1 answer
Results of 1812
TypeScript
0 vote110 views1 answer
Type 'T' does not satisfy the constraint 'keyof IntrinsicElements | JSXElementConstructor<any>'.
TypeScript
2 votes109 views2 answers
Validate email with domain in angular6
TypeScript