如何将自定义数据添加到路由？

Question

我想在定义路由时添加一些自定义数据进行路由.

我怎样才能做到这一点？

喜欢:

{
  path: 'department',
  component: DepartmentComponent,

  customdata: {
    name: 'foo',
    age: '23'
  }
}

我不希望自定义数据显示在URL中.我只是在内部使用它.

Answer 1

您可以像这样定义路径的自定义数据:

[
   {path: 'inbox', data: {name: 'foo', age: 23}},
]

并阅读如下:

class ConversationCmp {
    constructor(r: ActivateRoute) {
         r.data.subscribe((p) => {
              console.log(p);
         });
    }
}

它在Route界面上定义:

export interface Route {
  path?: string;
  ...
  data?: Data;
}