Question

我是角度2的新手，我很难设置一些儿童路线：

我的app.routes.ts文件中有以下内容：

import { Routes, RouterModule } from '@angular/router';
import { MainComponent } from './main.component';
import { SystemsComponent } from './systems.component';

const appRoutes: Routes = [
  {path: '', component: MainComponent},
  {path: 'Systems', component: SystemsComponent},
  {path: 'Systems/:id', component: SystemsComponent}
];

export const appRoutingProviders: any[] = [];

export const routing = RouterModule.forRoot(appRoutes);

当应用程序启动时。如果我去：

localhost：3000

适当的MainComponent加载

如果我去：

localhost：3000 / Systems

适当的SystemsComponent次加载。但是，如果我去：

localhost：3000 / Systems / 1

该应用失败，因为它试图找到/Systems路径中的文件：

[1] 16.08.25 02:20:43 404 GET /Systems/styles.css
[1] 16.08.25 02:20:43 404 GET /Systems/node_modules/core-js/client/shim.min.js
[1] 16.08.25 02:20:43 404 GET /Systems/node_modules/zone.js/dist/zone.js
[1] 16.08.25 02:20:43 404 GET /Systems/node_modules/reflect-metadata/Reflect.js
[1] 16.08.25 02:20:43 404 GET /Systems/node_modules/systemjs/dist/system.src.js

有谁知道我为什么会这样做？为什么这条路线不起作用？

Angular 2 - 嵌套路由

0 个答案: