How to use Routing in Angular 2/4/6/7/8

In Angular, Routing is use for navigate one page to another page.

First Import this code in you app.module.ts file:

.html file

3 Replies

Know the answer? Post it — somebody with the same question will find it here.

Vikas7y ago
Accepted answer
In Angular, Routing is use for navigate one page to another page.
First Import this code in you app.module.ts file:
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { AppComponent } from './app.component';
import { AppRoutingModule } from './app-routing.module';
import { HomeComponent } from './components/home/home.component';

@NgModule({
  declarations: [
    AppComponent,
    HomeComponent
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }
.html file
<div class="header">
  <div class="header-right">
    <a class="active" [routerLink]="['/home']">Homea>
    <a [routerLink]="['/about']">Abouta>
    <a [routerLink]="['/contact']">Contacta>
    <a [routerLink]="['/material']">Materiala>
  div>
div>
+1
Sivakumar Koneti7y ago
Read this link once

https://www.concretepage.com/angular-2/angular-2-routing-and-navigation-example
+1
Piyush Pansuriya7y ago
Hi,
Please go through the below link:
https://angular.io/tutorial/toh-pt5

https://angular.io/guide/router
+2