/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 vote87 views1 answer
Typescript get unknown property
TypeScript
1 vote119 views1 answer
Dispatcher servlet as its web application context
TypeScript
6 votes122 views1 answer
TS define dictionary
TypeScript
0 vote162 views6 answers
Pdf to word converter
TypeScript
0 vote130 views1 answer
HIGHER-ORDER FUNCTIONS with two parameters
TypeScript
0 vote136 views1 answer
Terminal update file metadata
TypeScript
1 vote138 views1 answer
How to create multiple sheets in excel using python in openpyxml
TypeScript
0 vote140 views1 answer
Ubuntu display stdouts of processn
TypeScript
0 vote133 views1 answer
Vscode use relative paths in auto import
TypeScript
2 votes134 views1 answer
Vscode custom snippets how to use file name
TypeScript