[解決済み] Angular 2 パラメータ変更時にルートを再読み込みする
2023-07-17 15:08:01
質問
現在、初めてのAngular 2アプリケーションを書いています。 私は次のような単純なテンプレートを持つOverviewComponentを持っています。
<div class="row">
<div class="col-lg-8">
<router-outlet></router-outlet>
</div>
<div class="col-lg-4">
<app-list></app-list>
</div>
</div>
URLにアクセスする際に
/
にリダイレクトされます。
/overview
にリダイレクトされ、ルータアウトレットの中でマップがロードされます。その
<app-list>
にはクリック可能なアイテムのリストがあり、これをクリックすると
<app-detail>
が表示されます。そこで、URLの中に参照するjsonファイルのidを以下のように渡しています。
/details/:id
(というようにurlに参照元のjsonファイルのidを渡します(私のルートでは)。
上記はすべて全く問題なく動作します。リスト項目の1つをクリックすると詳細が表示されますが、別のリスト要素を選択すると、表示は新しい詳細に変わりません。URLは変更されますが、コンテンツは再読み込みされません。どうすればDetailComponentの再初期化を実現できますか?
どのように解決するのですか?
最初の最終リリースでは、この問題は解決されています。
ただ、パラメータが変更されたときにコンポーネントの状態を正しくリセットすることに十分注意してください。
this.route.params.subscribe(params => {
this.param = params['yourParam'];
this.initialiseState(); // reset and set based on new parameter this time
});
関連
-
[解決済み] Angular HTMLバインディング
-
[解決済み] Angular:*ngClassを使った条件付きクラス
-
[解決済み] 現在のルートを取得する方法
-
[解決済み] (変更) vs (ngModelChange) in angular
-
[解決済み] Angularでは、アクティブなルートをどのように決定するのですか?
-
[解決済み】Angular 2 ルート変更時に上部にスクロールさせる
-
[解決済み】Angularでルート変更を検出する方法は?
-
[解決済み] [Solved] Angular 2 - this.router.parent.navigate('/about')を使用して別のルートに移動するにはどうすればよいですか?
-
[解決済み] angular-cliのパラメータ --base-href と --deploy-url の違いは何ですか?
-
[解決済み] aria-valuenow' は 'div' の既知のプロパティではないため、バインドできません。
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] Angular Materialでのデフォルトのソート - ヘッダーのソート
-
[解決済み] Angular 2のFormGroupからすべての検証エラーを取得する
-
[解決済み] 継承と依存性注入
-
[解決済み] FormGroupから単一の値を取得する方法
-
[解決済み] AngularでFormGroupに動的にaddControlを追加する
-
[解決済み] 64進数の文字列を角(2+)でエンコードおよびデコードする。
-
[解決済み] Angular 4.3 - HttpClient set params
-
[解決済み] Typescriptで文字列をbooleanに変換する方法 Angular 4
-
[解決済み] エラー TS1192: モジュール '" A.module"' はデフォルトのエクスポートがありません。
-
[解決済み] Angular2 ルーターがクエリ文字列を保持する