/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 vote174 views2 answers
Mailchimp form action
Html
0 vote192 views1 answer
Fontawesome online link
Html
0 vote172 views1 answer
Onclick on radio button
Html
0 vote150 views1 answer
Types of html requests
Html
0 vote186 views1 answer
Vue-date-pick
Html
0 vote172 views1 answer
Validate text is html format C#
Html
0 vote166 views1 answer
Pros/cons of using `.createElement()` and `append()` vs. `.innerHTML`?
Html
72 votes220 views3 answers
Flexbox bootstrap 4
Html
1 vote185 views2 answers
Set an image half its original size css
Html
0 vote176 views1 answer
Font awesome icon copy clipboard
Html