/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

21 votes272 views1 answer
Phone screen size fix html meta
Html
0 vote270 views1 answer
Image urol in src local image
Html
0 vote249 views1 answer
Show html files from firebase android studio
Html
0 vote262 views1 answer
Html textarea placeholder multiple lines
Html
-1 vote270 views2 answers
Html zoom text on hover
Html
0 vote248 views1 answer
Coreui margin right
Html
1 vote317 views10 answers
Java
Html
1 vote242 views1 answer
Web mdc cdn
Html
0 vote251 views2 answers
How to give value to model from radio button html asp with enums if checked
Html
3 votes271 views4 answers
Html strong
Html