在 angular2 中重新加載頁面一次

Question

當用戶訪問頁面時，我想以 angular 重新加載頁面，但這失敗了

這是我試過的

在主頁組件中，我有

export class HomepageComponent implements OnInit {

  constructor() { }

  ngOnInit() {
    location.reload();
  }

}

頁面不斷刷新而不會停止我如何在初始化時只重新加載一次

Answer 1

這將在第一次加載頁面時檢查 url 中的查詢，然后會立即重新加載。 這只會發生一次（第一次頁面加載）。

ngOnInit(){
      let win = (window as any);
      if(win.location.search !== '?loaded' ) {
          win.location.search = '?loaded';
          win.location.reload();
      }
  }

Answer 2

在 Angular 5 上，我捕獲加載的查詢字符串參數，如果存在，停止重新加載
因為 Amcharts 在第一次加載時不顯示，只在重新加載時顯示

ngOnInit() {
    var urlParams = [];
    window.location.search.replace("?", "").split("&").forEach(function (e, i) {
        var p = e.split("=");
        urlParams[p[0]] = p[1];
    });

    // We have all the params now -> you can access it by name
    console.log(urlParams["loaded"]);

    if(urlParams["loaded"]) {}else{

        let win = (window as any);
        win.location.search = '?loaded=1';
        //win.location.reload('?loaded=1');
    }

}

Answer 3

我得到了一個簡單的解決方案如下

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