/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

1 vote138 views1 answer
How to configure email alerts in grafana container
TypeScript
0 vote120 views1 answer
How to select a column with brackets in jupyter notebook
TypeScript
6 votes118 views3 answers
Angular show element in component
TypeScript
0 vote124 views1 answer
Cannot find module '@azure/msal-angular' or its corresponding type declarations.ts(2307)
TypeScript
0 vote130 views1 answer
How to install tsu
TypeScript
0 vote121 views1 answer
Typescript ge t current screen resolution
TypeScript
20 votes135 views10 answers
Nodemon
TypeScript
18 votes126 views3 answers
What is unit testing
TypeScript
19 votes164 views4 answers
Number of digits in a number python
TypeScript
0 vote121 views1 answer
Webmin lets encrypt renewal failed
TypeScript