Angular2 RouterLinkは、スラッシュを％2Fに置き換えてルートを分割します。

Question

最新のAngular2バージョン（2.0.0-beta.14）以降、/ foo/barのように複数のスラッシュを含むクエリパラメータを使用できます。

RouterLinkリンク内に複数のスラッシュが付いたパラメータを使用すると、/が%2Fでエスケープされ、リロード時にルートが機能しなくなります。

私のリンクは次のようになります。私もURIDecode「スラグ」パイプの内部<a [routerLink]="['/Page', {page: page.url | slug}]" class="list-group-item">{{ page.title }}</a>

文字列、と私はそれを記録するとき、それは正しいです。それは/pages/level-1/のようなものですが、実際にaタグを調べると、ページにはhref="/pages%2Flevel-1"と表示されます。

私はHTMLテンプレート内に{{ page.url | slug }}の値を印刷しても、スラッシュでURLを返します。

Answer 1

私は、GithubのAngular2 Issuesページのおかげで解決策を見つけました（Günterに感謝します）。

私のルートは、このように構成されました：({ path: "/:page", component: Page, name: "Page" }),代わり({ path: "/*page", component: Page, name: "Page" }),差はpageの前で*ワイルドカードであったはず。

これは、私が作成した問題である： https://github.com/angular/angular/issues/8049