1. ホーム
  2. javascript

[解決済み] angularやjavascriptでページを一度再読み込みする方法

2022-02-07 23:55:56

質問

新しいコンポーネントにルーティングした後、ページを再読み込みする必要があります。

location.reload()オプションを試しましたが、止まらずにリロードし続けます。

ngOninit(){
location.reload()
}

期待される結果 :

ページを一度だけ再読み込みする必要があります。

実際の結果 :

何度もリロードしている

どうすればいいですか?

あなたの用途がよくわからないのですが、あなたが望むものを作る方法はたくさんあるのです。

localStorageを使った方法を提案します。

localStorageが存在するかどうかを確認します。デフォルトではキーは存在しないので、それを作成してページも再読み込みします。
更新後、同じキー(今存在しているもの)をチェックします。そのため、ページを再読み込みせず、次回のためにキーを削除します。

ngOnInit() {
  if (!localStorage.getItem('foo')) { 
    localStorage.setItem('foo', 'no reload') 
    location.reload() 
  } else {
    localStorage.removeItem('foo') 
  }
}