Angular4路由方法

Question

我在角度项目中有以下路由：

const sampleRoutes: Routes = [
  {
    path: ':fruit/show',
  },
  {
    path: ':fruit/edit'
  },
  {
    path: ':fruit/update'
  }
];

我希望将其更改为以下格式：

const sampleRoutes: Routes = [
  {
    path: ':fruit/',
    children: [
      {
        path: 'show'
      },
      {
        path: 'edit'
      },
      {
        path: 'update'
      }
    ]
  }
];

但是，Angular无法捕获上述路由。有谁知道如何配置这样？感谢任何帮助。

Answer 1

供您参考， 正确的路由应该是这样的：

const sampleRoutes: Routes = [
  {
    path: ':fruit',
    children: [
      {
        path: 'show'
      },
      {
        path: 'edit'
      },
      {
        path: 'update'
      }
    ]
  }
];

在/获得正确的路由后删除:fruit。