typescript – 如何在Angular2 Beta中使用RouteData?
发布时间:2020-12-17 17:39:14 所属栏目:安全 来源:网络整理
导读:当我尝试使用TypeScript在Angular2 Beta中使用RouteData时,我遇到了问题. 我将它注入构造函数并正确导入它 import {RouteConfig,Router,RouteData} from 'angular2/router';export class App { constructor(public router: Router,public data: RouteData) {
当我尝试使用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中提供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") } } (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |