/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 vote127 views1 answer
Create Type from String Enum
TypeScript
9 votes111 views4 answers
Angular scroll to top
TypeScript
15 votes109 views3 answers
How to check if a variable exists in python
TypeScript
7 votes189 views2 answers
React native typescript template
TypeScript
1 vote119 views1 answer
Typing in typescript
TypeScript
0 vote117 views1 answer
Components of .net framework
TypeScript
0 vote148 views1 answer
Loadsh partial match filter
TypeScript
2 votes121 views1 answer
Typescript loop over map with value as array
TypeScript
0 vote122 views1 answer
Python check if property exists in dictionary
TypeScript
3 votes142 views1 answer
Intersection between two sets python
TypeScript