Angular2 routerLinkディレクティブの動的パラメータ？ここ

Question

ここMYPARAM一定であるrouterLink

<a [routerLink]="['SearchResult', {myParam: 'value'}]"> 

の一例です。どのように動的にすることができますか？つまり、状態を使用してそれを設定します。

Answer 1

コンポーネントにオブジェクトを定義し、routerLink

テンプレート

<a [routerLink]="['SearchResult', searchParams]"> 

に渡しCompoennt

@Component({.....}) 
export class YourComponent { 
    public searchParams = {myParam: 'value'}; 

    ngAfterViewInit(){ 
    // change your parameters here. eg.: this.searchParams = {somePrm: 'someValue'} 
    } 
} 

---

代わりに、あなただけ渡すためにマイナーな変更またはのparamsを持っている場合、あなたも、このuは上記のコードのES5バージョンを提供することができます

<a [routerLink]="['SearchResult', (state == 'a') ? {myParam: 'value'} : {yourParam: 'value'}]">