/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 vote194 views1 answer
Footer credits with jquery date time
TypeScript
6 votes155 views1 answer
Typescript dictionary typing
TypeScript
0 vote158 views1 answer
Jasmine test button click
TypeScript
0 vote173 views1 answer
TypeError: key must be an instance of a class implements jwt.AbstractJWKBase
TypeScript
0 vote163 views1 answer
Material ui iccons
TypeScript
0 vote219 views3 answers
Cahokia mounds pictures
TypeScript
0 vote168 views1 answer
Init Lambda based on typescript
TypeScript
9 votes182 views2 answers
Multiple where statements sql
TypeScript
2 votes161 views1 answer
How long does it take to learn typescript
TypeScript
0 vote162 views1 answer
How to do Email validation using Regular expression in Typescript
TypeScript