小编Jos*_*sef的帖子

Angular 8 嵌套路由和多个路由器插座不起作用

我现在有一个简单的 angular 8.3 应用程序,但路由不起作用。

当我转到 /logs 时,我没有错误,但屏幕上没有显示任何内容。

当我转到 /logs/detailed/1036 时,控制台出现错误:“错误:无法匹配任何路由。URL 段:'logs/detailed/1036'”

我尝试了很多在互联网上找到的不同解决方案,但没有任何效果。我错过了什么?

这是我的应用程序的一个简单树:

/app
- app.module.ts
- app-routing.module.ts
- app.component.html
      /log-page
      - log-page.module.ts
      - log-page-routing.module.ts
      - log-page.component.html
Run Code Online (Sandbox Code Playgroud)

app.module.ts

/app
- app.module.ts
- app-routing.module.ts
- app.component.html
      /log-page
      - log-page.module.ts
      - log-page-routing.module.ts
      - log-page.component.html
Run Code Online (Sandbox Code Playgroud)

app-routing.module.ts

@NgModule({
   declarations: [
      AppComponent
   ],
   imports: [
      BrowserModule,
      BrowserAnimationsModule,
      HttpClientModule,
      AppRoutingModule,
      SharedModule,
      LogPageModule,
      ToastrModule.forRoot(),
      TabMenuModule
   ],
   providers: [],
   bootstrap: [
      AppComponent,
   ]
})
export class AppModule { }

Run Code Online (Sandbox Code Playgroud)

应用程序组件.html

const routes: Routes = [
  { path: '', …
Run Code Online (Sandbox Code Playgroud)

routes typescript angular

5
推荐指数
1
解决办法
2056
查看次数

标签 统计

angular ×1

routes ×1

typescript ×1