typescript - 如何在 Angular2 Beta 中使用 RouteData？

Question

当我尝试使用 TypeScript 在 Angular2 Beta 中使用 RouteData 时遇到问题。

我将它注入(inject)构造函数并正确导入

import {RouteConfig, Router, RouteData} from 'angular2/router';

export class App {
    constructor(public router: Router, public data: RouteData) {
        // router works - routedata not
    }
}

我得到 RouteData 没有提供者! (应用程序 -> RouteData)。

如果我像这样将它包含到组件注释中

@Component({
  //..
  providers: [RouteData]
})

我收到此错误:无法解析 RouteData(?) 的所有参数。确保它们都具有有效的类型或注释。

Answer 1

RouteData 通过父组件中的 RouteConfig 为子组件提供数据。不需要在您的 AppComponent 中使用它。

要使用它，您应该像这样在您的 AppComponent 中提供一个 RouteConfig:

@RouteConfig([
  {path: '/child', name: 'Child', component: ChildCmp, data: {item: 'hi there'}}
])

然后您的 ChildComponent 应该注入(inject) RouteData 并能够像这样检索路由中的参数集:

export class ChildCmp {
  constructor(@Inject(RouteData) private data:RouteData) {
    this.data.get("item")
  }
}