/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

8 votes256 views2 answers
Html change background color of page
Html
0 vote240 views1 answer
Js coding practices airbnb
Html
3 votes271 views1 answer
How to round the edges of an image in HTML
Html
0 vote227 views1 answer
Samu
Html
1 vote219 views1 answer
Placeholder react native
Html
14 votes236 views4 answers
How to remove suggestions from input field
Html
0 vote253 views1 answer
Textarea ckeditor
Html
0 vote207 views1 answer
How to add user icon in html
Html
3 votes221 views1 answer
Create a link in md
Html
1 vote262 views2 answers
Bootstrap 4 Navbar Dropdown Menu Items Right
Html