Html 为盎格鲁水疗中心实施路线'；s应用程序
我想实现我的Html 为盎格鲁水疗中心实施路线'；s应用程序,html,angular,angular-router,Html,Angular,Angular Router,我想实现我的路由配置，并确保在基本角度应用程序中实现SPA功能！但问题是没有创建我的组件，我的目的是在我的侧导航中通过链接实现路由，而不创建一些特定的组件！因此，我保证了路由，但是，链接之间的导航没有嵌入SPA内容；因此，SPA特性不可用 应用程序路由.module.ts import { NgModule } from '@angular/core'; @NgModule({ // routes has the route configuration. // It
路由角度SPA组件侧导航路由组件路由导航SPASPAimport { 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 {
}
<mat-sidenav
#drawer class="sidenav" fixedInViewport="true"
[attr.role]="(isHandset$ | async) ? 'dialog' : 'navigation'"
[mode]="(isHandset$ | async) ? 'over' : 'side'"
[opened]="!(isHandset$ | async)">
<mat-toolbar>Menu</mat-toolbar>
<mat-nav-list>
<a mat-list-item href="City1">City 1</a> <!-- link1 whom I want to apply SPA aspect -->
<a mat-list-item href="City2">City 2</a> <!-- link2 whom I want to apply SPA aspect -->
<a mat-list-item href="City3">City 3</a> <!-- link3 whom I want to apply SPA aspect -->
</mat-nav-list>
</mat-sidenav>
<mat-sidenav-content>
<mat-toolbar color="primary">
<button
type="button"
aria-label="Toggle sidenav"
mat-icon-button
(click)="drawer.toggle()"
*ngIf="isHandset$ | async">
<mat-icon aria-label="Side nav toggle icon">menu</mat-icon>
</button>
<span>City-routing</span>
</mat-toolbar>
<!-- Add Content Here -->
</mat-sidenav-content>
</mat-sidenav-container>
菜单
菜单
城市路线