/Html/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

2 votes137 views1 answer
Best place to include script in html layout
Html
-1 vote168 views1 answer
Strong and bold difference in html
Html
1 vote198 views1 answer
Ionic button trigger ion-datetime
Html
5 votes130 views2 answers
Read only attribute in html
Html
0 vote143 views1 answer
Html embed from mem
Html
0 vote153 views2 answers
P-dialog style
Html
0 vote211 views1 answer
Coding a classic grid in html
Html
0 vote143 views1 answer
UttwuuwudqtudutauutduatTDUaduatduituitdA
Html
0 vote135 views1 answer
Class 'html' not found
Html
0 vote164 views1 answer
How to remove spaces between html elements like lebel
Html