Angular2 BetaでRouteDataを使用するには？

Question

TypeScriptを使用してAngular2 BetaでRouteDataを使用しようとすると問題が発生します。

私はNo provider for RouteData! (App -> RouteData)を取得していコンストラクタでそれを注入し、適切

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

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

をインポートします。

私はこの

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

などのコンポーネントのアノテーションにそれが含まれている場合、私はこのエラーを取得する：Cannot resolve all parameters for RouteData(?). Make sure they all have valid type or annotations.

Answer 1

RouteDataは、あなたの親コンポーネントでRouteConfigによってあなたの子コンポーネントにデータを提供します。 AppComponentで使用する必要はありません。

@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") 
    } 
} 

あなたはこのようなあなたのAppComponentでRouteConfigを提供する必要があり、それを使用するには