/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 vote164 views2 answers
.env typescript
TypeScript
1 vote256 views1 answer
Ionic 3 alert backdrop dismiss
TypeScript
0 vote177 views1 answer
Getserversideprops vs getstaticprops
TypeScript
3 votes187 views2 answers
Vue : File C:\Users\MTP Nabeel Ahmed\AppData\Roaming\npm\vue.ps1 cannot be loaded because running scripts is disabled on this system.
TypeScript
2 votes202 views5 answers
Plot multiple plots in r
TypeScript
1 vote172 views1 answer
Remove &nbsp from string in typescript
TypeScript
0 vote214 views1 answer
Linq get list of objects based on the value in grandchild
TypeScript
7 votes172 views2 answers
Firestore increment field
TypeScript
0 vote185 views1 answer
How to set value to readonly property in typescript while unit testing
TypeScript
0 vote167 views2 answers
Angular start date end date validation
TypeScript