角度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(); 
    } 
} 

あなたのコードを共有することができ