angular - 向angular2中的路由添加属性

Question

我想知道是否可以将自定义属性添加到 RouteConfig 装饰器中定义的路由。

我想添加路由是否需要身份验证:

@RouteConfig([
  {
    path: "/login",
    name: "Login",
    component: LoginComponent,
    authenticate: false,
  },
  {
    path: "/home",
    name: "Home",
    component: HomeComponent,
    authenticate: true
  }
])

如果可能，我如何在组件中获取值“authenticate”？

Answer 1

我认为您可以利用 RouteDefinition 接口(interface)的 data 属性:

@RouteConfig([
  {
    path: "/login",
    name: "Login",
    component: LoginComponent,
    data: {
      authenticate: false
    }
  },
  {
    path: "/home",
    name: "Home",
    component: HomeComponent,
    data: {
      authenticate: true
    }
  }
])

它是 any 类型，因此您可以在其中放入您想要的内容(参见 https://github.com/angular/angular/blob/master/modules/angular2/src/router/route_definition.ts#L25 ):

export interface RouteDefinition {
  path?: string;
  aux?: string;
  component?: Type | ComponentDefinition;
  loader?: Function;
  redirectTo?: any[];
  as?: string;
  name?: string;
  data?: any;
  useAsDefault?: boolean;
}