javascript - Angular 2 ルーティング - ルーター RC3

Question

取得できるIDを取得した後、routerLinkを使用してページに移動しようとしています。

問題は、リンクが「/page;id=10/component」として表示されることです。'/page/10/component' として表示したい (マトリックス表記ではない - ';id=' なし)

私のapp.routes.tsでは：

@RouterConfig = [
    { path: 'page/:id/component', component: MyComponent, data: {id: 'item.id'} }
];

私のページで：

<a [routerLink]="['page', {id: item.id}, 'component']">

最新の Angular 2 Router コンポーネント (RC3 Beta 2) を使用しています。

私が間違っていることを知っている人はいますか？前もって感謝します。

score 1 · Accepted Answer

これは次のようになります。

<a [routerLink]="['page', {'id': item.id}, 'component']">

それ以外の：

<a [routerLink]="['/page', item.id, 'component']">

score 0 · Accepted Answer

私が見る限り、このルート構成は機能しません:

{ path: 'page/:id/component', component: MyComponent, data: {id: 'item.id'} }

あなたが本当に尋ねる必要があるのは、ファイナル'/component'が必要かどうかだと思います。その場合は、子ルートの追加を検討してください。

別のオプションは、page/component/:id代わりにを使用して、ルートの順序を変更することです。routerlink ディレクティブは URL 検索パラメーターをルートの末尾に追加するので、これでうまくいくはずです。

'/component'繰り返しますが、最も簡単な解決策は、ルート構成から削除することです。

3 に答える 3