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

Question

我想在定义路线时向路线添加一些自定义数据。

我该怎么做？

比如:

{
  path: 'department',
  component: DepartmentComponent,

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

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

Answer 1

我通过以下方式进行操作：

{ path: 'admin', canActivate: [RoleGuard], data: { roles: ['admin'] } }

我使用它将角色自定义属性添加到路由中，以便仅允许具有特定角色（我在路由中设置）的用户访问。

Answer 2

您可以像这样定义路由的自定义数据：

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

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

在路由界面上定义：

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