UPDATED **Angular2の戻るボタンが壊れています
私は最初のAngular2アプリをルーティングを使って書いています。シンプルなクイズアプリケーション。
[戻る]ボタンをクリックすると問題が発生し、モデルのデータでテンプレートが正しくレンダリングされません。
私は/question/:nのようなURLパターンを使用して、クイズの中で一連の質問を行うことができるルーティングスキームを持っています。
私のコンポーネントは、OnReuse,OnActivate、およびCanReuseを実装しています。
マイモデルはプロパティを介してコンポーネントに関連付けられています。
This Plunkerには、マイアプリの簡易版があります。
「次へ」ボタンをクリックすると次の質問に進み、URLが更新されます。ブラウザの「戻る」ボタンをクリックすると、URLは元に戻りますが、テンプレートは実際にレンダリングされません。
私には何が欠けていますか？
基本hrefの問題の場合、Plunkerで診断することは困難です。だから私はこれが問題かどうかは分かりませんが、試してみてください。あなたのindex.html内
<base href="/">
：これに
<script>document.write('<base href="' + document.location + '" />');</script>
：
はこれを変更してみてください。後者に既に設定されている場合はコメントしてください。この回答を更新します。
ありがとうございました！うーん、私はそれを試み、それは行動に観察可能な変更を持っていませんでした – metahamza
BTWはPlunkerでそれも私の実際のコードベースを試しました – metahamza
絶対に実際のアプリケーションで2番目のオプションを使用してください。最初のページを使用する場合は、ホームページ以外のページを更新すると、基本的なhrefが動的に設定されます。しかし残念ながら、私は問題を再現するのが難しいです。プランカーコードは、次の質問をクリックすると次の質問に進み、正しいURL /ビューを保持してリフレッシュし、正しい質問を表示します。問題を再現できる方法についての他のアイデアはありますか？ – user2263572
コードを表示... – micronyks
質問をPlunkで更新しました – metahamza