如何在angular2中重新加載頁面

Question

如何在angular2中重新加載頁面。
在通過網絡搜索時，我得到了一個代碼"this._router.renavigate()"來重新加載頁面，但看起來它不適用於最新版本的angular2。
另一種方法是'window.location.reload()'但這不是做角度的方式。

Answer 1

如果你真的想重新加載頁面，你需要在角度區域外運行location.reload（）

this.zone.runOutsideAngular(() => {
    location.reload();
});

用RC6測試

完整的例子

import { Component, NgZone } from "@angular/core";

@Component({        
    templateUrl: "template.html"    
})
export class ReloadComponent{
    constructor(
        private zone: NgZone) {
    }

    reloadPage() { // click handler or similar
        this.zone.runOutsideAngular(() => {
            location.reload();
        });
    }
}

Answer 2

對於部分，有辦法編寫自己的功能

   public renavigate(): void {
   let params: Object = {};
   Object.assign(params, this.routeParams.params);
   params['ref'] = (params['ref'] === ref) ? ref + new Date().getTime() : ref;
   this.router.navigate(['Foo', params]);
   }

Answer 3

這對我有用：

method().subscribe(
   location.reload();
);

Answer 4

我有同樣的問題，這對我有用：

 import { Location } from '@angular/common'; constructor(private location: Location) {} ngOnInit() { this.load(); } load() { this.location.reload(); } 

Answer 5

什么是關於可見性的

   *ngIf="auth.loggedIn()"

這使得UX變得更好

Answer 6

location.reload（）將重新加載頁面。