/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 vote169 views3 answers
Inline block elements in html added extra space
TypeScript
0 vote204 views1 answer
Read/write linked lists to file
TypeScript
8 votes176 views6 answers
Dotenv typescript
TypeScript
0 vote325 views1 answer
How to send attachments to api
TypeScript
0 vote278 views1 answer
How to restrict alphabets in input field in angular
TypeScript
1 vote351 views1 answer
Randomly choose n elements from a text file linux
TypeScript
15 votes227 views1 answer
Create react app with typescript config
TypeScript
0 vote184 views1 answer
Laravel unique working with softdeletes
TypeScript
6 votes138 views2 answers
After effects download
TypeScript
1 vote200 views1 answer
React Native: Double back press to Exit App
TypeScript