/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

0 vote224 views1 answer
Cannot resolve net.md-5:bungeecord-api:1.16-SNAPSHOT
Html
0 vote228 views1 answer
Login fa fa
Html
0 vote220 views2 answers
How to get image on the tab bar html
Html
3 votes210 views2 answers
How to add color to particular text on <p>in html
Html
2 votes223 views1 answer
Background body html
Html
0 vote216 views1 answer
Bootstrap datepicker format dd-mm-yyyy
Html
12 votes223 views2 answers
Bootstrap for header
Html
0 vote302 views1 answer
How to download file html button
Html
67 votes200 views6 answers
Html <a>
Html
-1 vote177 views1 answer
CLI configuration File in terraform ?
Html