Angular 2 |不能在路由組件上使用屬性綁定

Question

美好的一天，

任何人都可以告訴我什麼是綁定路由組件的屬性的替代方法嗎？看起來@input（）裝飾器不能在路由組件上工作。

謝謝

Answer 1

嘗試使用路由器參數。因此，在您的路由器配置中，有像這樣的組件的路由器路徑（被視爲「MyComponent」）;

routes: Routes = [ { path: 'mycomponent/:myParam', component: MyComponent} ]。

然後將實際值傳遞給HTML中錨點標記中的路由器，如：

<a [routerLink]="['/mycomponent', paramValue]"> Link to MyComponent </a>

或在你的父組件，導航到編程MyComponent的;

this.router.navigate(['/mycomponent', paramValue]);

而在你的組分（MyComponent的），從角度路由器，它提供了一個PARAMS可觀察導入ActivatedRoute，以及訂閱該可觀察到的在ngOnInit方法。所以你的MyComponent應該看起來像這樣;

import { Component, OnInit, OnDestroy } from '@angular/core'; 
import { ActivatedRoute } from '@angular/router'; 


@Component({ 
    selector: 'my-selector', 
    template: '<div>My Component - Param Value {{myParamValue}}</div> ' 
}) 

export class MyComponent implements OnInit, OnDestroy{ 
myParamValue: any; 
private subscribe: any; 

constructor(private route: ActivatedRoute){} 

ngOnInit() { 
    this.subscribe= this.route.params.subscribe(params => { 
     this.myParamValue = params['myParam']; 
    }); 
    } 

ngOnDestroy() { 
    this.subscribe.unsubscribe(); 
    } 
} 

更多here