Làm thế nào để sử dụng RouteData trong Angular2 Beta?

Question

Tôi đang gặp sự cố khi cố gắng sử dụng RouteData trong Angular2 Beta bằng cách sử dụng TypeScript.

tôi tiêm nó trong các nhà xây dựng và nhập nó đúng

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

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

Tôi nhận được No provider for RouteData! (App -> RouteData).

Nếu tôi đưa nó vào chú thích thành phần như thế này

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

tôi nhận được lỗi này: Cannot resolve all parameters for RouteData(?). Make sure they all have valid type or annotations.

Answer 1

RouteData cung cấp dữ liệu để phần con của bạn bằng các RouteConfig trong thành phần cha mẹ của bạn. Không cần phải sử dụng nó trong AppComponent của bạn.

Để sử dụng nó, bạn nên cung cấp một RouteConfig trong AppComponent của bạn như thế này:

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

sau đó ChildComponent của bạn nên tiêm RouteData và có thể lấy các thông số thiết lập trong con đường như thế này:

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