取得したルーティングパラメータangular6を送信

1.訪問ルーティングリンク:/テスト/ ID

設定ルーティング:

{パス: 'テスト/:ID'、成分:TestComponent}

htmlのパラメータ渡します。

<HREF = "javascriptの:無効(0);" 【routerLink] = "[ '/試験'、 '121']"> ... </a>の

渡すパラメータTS:

この .router.navigate([ '/テスト'、 '121']); // ルータルータ例に

人参を取ります:

この .route.snapshot.params [ 'ID'] // 例ActivatedRouteへのルート

 

2.アクセス経路は、リンク:/テストID = '121'?

設定ルーティング:

{パス: 'テスト'、成分:TestComponent}

htmlのパラメータ渡します。

<HREF = "javascriptの:無効(0);" [routerLink] = "[ '/テスト']" > ... </a>の[queryParams]="{id:'121'}"

渡すパラメータTS:

this.router.navigate([ '/試験'] )。{ queryParams: { id: '121' }

人参を取ります:

this.route.snapshot.queryParams [ 'ID']

3.未リンクをルーティングすることにより、

{ 
    パス: '' 
    成分:InterviewSetComponent、
    データ:{ 
      タイトル: '标题' 
    } 
} 

// 取参

 この .route.snapshot.data.title。

 

あなたはパラメータやサブルートをルーティングする親を取得したい場合は、(ビューに特定のはconsole.log(this.route.snapshot))this.route.snapshot.parentまたはthis.route.snapshot.childrenて取りに行きます

おすすめ

転載: www.cnblogs.com/myyouzi/p/12066467.html