import { NgModule } from '@angular/core'; import { RouterModule, Routes } from '@angular/router'; import { LoginComponent } from './auth/login/login.component'; import { AuthGuardService } from './auth/service/auth-guard.service'; import { SignupComponent } from './auth/signup/signup.component'; import { BannerComponent } from './components/banner/banner.component'; import { CartComponent } from './components/cart/cart.component'; import { DairyComponent } from './components/dairy/dairy.component'; import { FruitsComponent } from './components/fruits/fruits.component'; import { HouseholdComponent } from './components/household/household.component'; import { OrderComponent } from './components/order/order.component'; import { PaymentComponent } from './components/payment/payment.component'; import { ProductsComponent } from './components/products/products.component'; import { ProfileComponent } from './components/profile/profile.component'; import { SnacksComponent } from './components/snacks/snacks.component'; import { WholegrainComponent } from './components/wholegrain/wholegrain.component'; const routes: Routes = [ {path:'products', component:ProductsComponent, canActivate : [AuthGuardService] }, {path:'cart', component:CartComponent, canActivate : [AuthGuardService] }, {path:'profile/:uid', component:ProfileComponent, canActivate : [AuthGuardService] }, {path:'products/fruits', component:FruitsComponent}, {path:'products/dairy', component:DairyComponent}, {path:'products/household', component:HouseholdComponent}, {path:'products/wholegrain', component:WholegrainComponent}, {path:'products/snacks', component:SnacksComponent}, {path:'login', component:LoginComponent}, {path:'signup', component:SignupComponent}, {path:'banner', component:BannerComponent}, {path:'order', component:OrderComponent, canActivate : [AuthGuardService]}, {path:'payment', component:PaymentComponent} ]; @NgModule({ imports: [RouterModule.forRoot(routes)], exports: [RouterModule] }) export class AppRoutingModule { }