複数のパラメータを持つRouterLink

私は複数のパラメータを持つルート上で作業しています。このルートにRouterLinkを作成し、2つのパラメータをバインドします。私は(click)イベントで関数を実行することによってこれを試みましたが、私はそれがRouterLinkバインディング内で可能かどうか疑問に思っていました。複数のパラメータを持つRouterLink

誰でも好奇心旺盛だ場合は、ここで私はパラメータをバインドするために使用する機能は次のとおりです。

redirect() { 
    this._router.navigate(['/category', { cat: this.category, page: this.page }]); 
}

私のルートは、次のようになります。

{ 
    path: 'category/:cat/:page', 
    component: PostComponent 
}

出典

2016-09-22 Dawid Zbiński

はい、のコース、あなたはhrefを形成するためにrouterLinkを使用することができますタグを動的にナビゲートします。各値がComponentコンテキストに対して評価される配列内の値。

[routerLink]="['/category', category, page ]"

出典

2016-09-22 18:33:09

ハハ、私は実際に私があなたまで間違って何をやったかを考えていました編集されました。ありがとう、それは働いている。私はなぜドキュメントでそれを見つけることができなかったのかわかりません。私は最初の答えであなたと同じことをしようとしていた：それは作成：href = "/ category; cat = 1; page = 1"。 –

@DawidZbińskiそれは私の悪かった。：Dは ';'で区切られた文字列を表します。 –

最後に、すべてが完璧に動作します。もう一度ありがとう。 –

あなたが例えば、それが好き行うことができます： - 、

<p *ngFor="let emp of employees; let i = index"> 
    <li><a [routerLink]="['delete', i]">{{emp.name}}</a>({{emp.status}})</li> 
</p>

はそれが役に立てば幸い

おかげ

出典

2017-10-26 09:56:17

複数のパラメータを持つRouterLink

答えて

関連する問題