/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 vote270 views1 answer
Subplots in subplots
TypeScript
0 vote202 views1 answer
Angular viewchild second parameter
TypeScript
1 vote216 views1 answer
Typescript jest types not found
TypeScript
0 vote260 views1 answer
Loop trhough list of lists in python and find single elements
TypeScript
2 votes202 views1 answer
Prettier not working with tsx
TypeScript
0 vote227 views1 answer
How to pass multiple ports in values.yaml of helm
TypeScript
16 votes210 views1 answer
Python for with two arrays
TypeScript
1 vote209 views2 answers
Json in typescript
TypeScript
35 votes212 views6 answers
Comments in html
TypeScript
1 vote229 views1 answer
Python program to find sum of digits of a number using while loop
TypeScript