Question

我有角度4应用程序。路线：

appRoutes: Routes = [
  {
    path: '',
    component: ContentComponent
  },
  {
    path: 'country/:country',
    children: [
      {
        path: '',
        component: ContentComponent
      },
      {
        path: 'category/:category',
        component: ContentComponent
      }
    ]
  }
 ]

目前这只是一项正在进行中的工作，所以我在所有路线中都显示相同的组件。

现在，如果我转到根路径'/'，它就可以了。但是，如果我转到'/ country / us'路径甚至'/ country / us / category / sales'，页面会加载一些部分然后全部变白，检查控制台，我看到路由事件一遍又一遍地发生就像每次加载路线一样，它会在同一路线上重新加载。另外我看到这个错误：

zone.js:196 Uncaught Error: Zone already loaded.
    at eval (eval at globalEval (jquery-2.1.0.min.js:2), <anonymous>:2577:15)
    at eval (eval at globalEval (jquery-2.1.0.min.js:2), <anonymous>:3188:3)
    at webpackJsonp.../../../../zone.js/dist/zone.js.FUNCTION (eval at globalEval (jquery-2.1.0.min.js:2), <anonymous>:2554:10)
    at Object.eval (eval at globalEval (jquery-2.1.0.min.js:2), <anonymous>:2557:2)
    at Object.../../../../zone.js/dist/zone.js (eval at globalEval (jquery-2.1.0.min.js:2), <anonymous>:5380:30)
    at __webpack_require__ (eval at globalEval (jquery-2.1.0.min.js:2), <anonymous>:55:30)
    at Object.../../../../../src/polyfills.ts (eval at globalEval (jquery-2.1.0.min.js:2), <anonymous>:12:76)
    at __webpack_require__ (eval at globalEval (jquery-2.1.0.min.js:2), <anonymous>:55:30)
    at Object.1 (eval at globalEval (jquery-2.1.0.min.js:2), <anonymous>:5387:18)
    at __webpack_require__ (eval at globalEval (jquery-2.1.0.min.js:2), <anonymous>:55:30)

任何想法都可能出错？

编辑1：路线中似乎也存在问题，paramMap没有钥匙。

Answer 1

appRoutes: Routes = [
  {
    path: '',
    component: ContentComponent
  },
  {
    path: 'country/:country',component: ContentComponent
    children: [
      {
        path: 'category/:category',
        component: ContentComponent
      }
    ]
  }
 ]

Angular 4重新路由循环

1 个答案: