Question

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

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

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

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

我得到了No provider for RouteData! (App -> RouteData)。

如果我将它包含在像

这样的组件注释中

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

我收到此错误：Cannot resolve all parameters for RouteData(?). Make sure they all have valid type or annotations.

Answer 1

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

要使用它，您应该在AppComponent中提供RouteConfig，如下所示：

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

然后，您的ChildComponent应该注入RouteData，并且能够检索路径中的参数集，如下所示：

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

如何在Angular2 Beta中使用RouteData？

1 个答案: