Truy cập dữ liệu tuyến đường từ các chỉ thị trong angular2

Question

const APP_ROUTES: RouterConfig = [ 

    { 

     path: 'app/home', 
     component: HomeComponent, 
     data: { 
      name: 'Home' 
     } 

    } 


] 

Nếu tôi có cấu hình tuyến đường được hiển thị ở trên làm cách nào để truy cập thuộc tính data từ một số chỉ thị.

@Directive({ 
    name: 'hello' 
}) 

class HelloDirective { 
@Input('routerLink') link: string[]; 

ngOnInit() { 
    //HOW CAN I GET ROUTE AND ITS DATA FROM PATH/URL ??? 

    //const magicallyGrabbedRoute = pleaseGiveMeMyRouteFrom(this.link); 
    //const myData = magicallyGrabbedRoute.data; 

} 

} 

<a hello [routerLink]="['app/home']"> Go Home </a> 

Trong hello chỉ thị làm thế nào tôi có thể nhận được cấu hình đường cho giá trị các thuộc tính của routerLink?

Answer 1

Bạn có thể đăng ký tham số tuyến đường bằng cách đặt nó vào trong lớp Thành phần của bạn. & có private route: ActivatedRoute trong constructor

this.sub = this.route 
    .params //.data //--> use data to retrieve route data 
    .subscribe(params => { 
    console.log(params['id']); 
    }); 

Bạn cũng có thể sử dụng this.route.snapshot.data để lấy dữ liệu thông qua trong lộ trình, định nghĩa.

Answer 2

(RC6): Bạn cần phải nhập khẩu:

import { ActivatedRoute } from '@angular/router';

Sau đó, trong constructor của bạn:

constructor(private route: ActivatedRoute) { }

Lớp nên implements OnInit theo cách này:

ngOnInit() { const myData = this.route.snapshot.data['name']; }

Đây là trường hợp URL của bạn không phải là động. Nếu năng động, bạn nên sử dụng một người quan sát và không chụp ảnh. p.s. đối với cha mẹ của cha mẹ chỉ sử dụng: this.route.snapshot.parent.data['name']