Angular 5 页面重新加载

Question

Could someone hellps me? I Use Angular 5. When I navigate to some route like this.router.navigate(['somePath']); my url in browser changed to basicUrl/somePath . Everything is ok until page reload in browser. After it I see my component (no navbar and other things, only my component html). How can I improve this behaviour? Now I have in every my component

ngOnInit() {
    this.location.replaceState('/');
}

to replace browser url. But I do not like this solution.

Answer 1

You should navigate relatively :

import { Router, ActivatedRoute } from '@angular/router';
this.router.navigate(['somePath', ], {relativeTo: this.activatedRoute});

Answer 2

window.location.reload 在按钮点击事件中

<button type="button" mat-raised-button color="warn" onclick="window.location.reload();">