/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 vote97 views1 answer
How to convert wordpress theme to html
Html
0 vote108 views1 answer
Heiht jtml
Html
1 vote108 views1 answer
Textarea autosize angular
Html
0 vote95 views1 answer
Favicon react render
Html
0 vote105 views1 answer
Ngfor display in html table
Html
9 votes95 views3 answers
V-bind
Html
0 vote109 views1 answer
Disable close from screen modal popup
Html
101 votes108 views6 answers
Align items center bootstrap
Html
50 votes101 views6 answers
Html text color
Html
0 vote100 views1 answer
How to triger multiple function in html
Html