当我尝试使用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
}
}
我没有为RouteData提供服务！ (App – > RouteData).
如果我将它包含在这样的组件注释中
@Component({
//..
providers: [RouteData]
})
我收到此错误：无法解析RouteData(？)的所有参数.确保它们都具有有效的类型或注释.
解决方法
RouteData通过父组件中的RouteConfig为子组件提供数据.
不应该在AppComponent中使用它.
不应该在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")
}
}
