/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

32 votes127 views1 answer
Policies for setting virtual environment -python
TypeScript
0 vote90 views1 answer
Filter an array of objects react
TypeScript
6 votes133 views1 answer
Typescript map list to new list of objects
TypeScript
0 vote124 views1 answer
Alternative for .include in typescript
TypeScript
0 vote149 views2 answers
Eslint absolute imports error
TypeScript
0 vote143 views1 answer
Correct this attempt to modify "product" or use "let" in its declaration. [+1 location]
TypeScript
0 vote122 views1 answer
World-times-newspaper-magazine-style-ghost-blog-theme
TypeScript
0 vote117 views1 answer
Error detected in pubspec.yaml: No file or variants found for asset: assets/imgs.
TypeScript
0 vote127 views1 answer
Stack function in typescript \
TypeScript
0 vote126 views1 answer
Window global typescript
TypeScript