Jak korzystać z RouteData w Angular2 Beta?

Question

Mam do czynienia z problemami, gdy próbuję użyć RouteData w Angular2 Beta przy użyciu TypeScript.

I wstrzyknąć go w konstruktorze i zaimportować go poprawnie

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

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

Dostaję No provider for RouteData! (App -> RouteData).

Gdybym włączenie go do adnotacji komponentów jak ten

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

otrzymuję ten błąd: Cannot resolve all parameters for RouteData(?). Make sure they all have valid type or annotations.

Answer 1

RouteData dostarcza danych do komponentu dziecka przez RouteConfig w komponentu macierzystego. Nie powinno być potrzeby użycia go w AppComponent.

Aby z niego skorzystać należy zapewnić RouteConfig w AppComponent tak:

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

Twój ChildComponent należy następnie wstrzyknąć RouteData i jest w stanie odzyskać parametrów w trasie tak:

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