我创建了一个 Angular 应用程序版本 7,项目结构是这样的。app 模块有 app-routing.module.ts,dashboard 模块有dashboard-routing module.ts。在仪表板模块中,布局组件路由有子组件,即 home 和 admin。
这是我的代码:
应用模块
import { AppRoutingModule } from './app-routing.module';
import { DashboardModule } from './dashboard/dashboard.module';
import { AppComponent } from './app.component';
import { LoginComponent } from './login/login.component';
import { PageNotFoundComponent } from './page-not-found/page-not-found.component';
@NgModule({
declarations: [
AppComponent,
LoginComponent,
PageNotFoundComponent
],
imports: [
BrowserModule,
AppRoutingModule,
DashboardModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
Run Code Online (Sandbox Code Playgroud)
应用路由模块:
import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router'; …Run Code Online (Sandbox Code Playgroud)