为AngluarSPA的应用程序实施路线

我想实现我的routing配置，并在基本的SPA应用中确保Angular方面！但是问题是我的components没有创建，我的目的是在我的routing中创建带有链接的SideNav而不创建特定的components！因此，我保证了routing，但是navigation从链接到链接的链接没有嵌入SPA的东西；因此SPA方面不可用！

app-routing.module.ts

import { NgModule } from '@angular/core';
@NgModule({ // routes has the route configuration.
// It is a variable of type Routes
imports: [RouterModule.forRoot(routes)],/* there is some error here routes isnt defined,I knew
I have should have implemented paths and components
but like I clarified above there is a component
parameter for forRoot() method . In my case I had no
components I have only links */
exports: [RouterModule]
})
export class AppRoutingModule {
}


main-nav.component.html

#drawer class="sidenav" fixedInViewport="true"
[attr.role]="(isHandset$ | async) ? 'dialog' : 'navigation'"
[mode]="(isHandset$ | async) ? 'over' : 'side'"
[opened]="!(isHandset$ | async)">
Menu

City 1
City 2
City 3




type="button"
aria-label="Toggle sidenav"
mat-icon-button
(click)="drawer.toggle()"
*ngIf="isHandset$ | async">
menu

City-routing