angular - 如何将自定义数据添加到路线？

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接口(interface)上定义:

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