Angular 2在浏览器后面导航到主页，刷新按钮点击

Question

我尝试在浏览器上重定向到主页并刷新按钮点击。 我取消了app.component.ts中的更改，代码如下：

＆＃13;

＆＃13;

import { Component } from '@angular/core';
import { PlatformLocation } from '@angular/common'
import { Router } from '@angular/router';

@Component({
    selector: 'app-root',
    templateUrl: './app.component.html',
    styleUrls: ['./app.component.css']
})
export class AppComponent {

    landingUrl: string = "/";

    constructor(private location: PlatformLocation, private router: Router) {

        //redirect on back button.
        location.onPopState(() => {
            window.location.href = this.landingUrl;
        });

        //redirect on refresh button.
        if (window.location.pathname != "/") {
            window.location.href = this.landingUrl;
        }

    }
}

＆＃13;

＆＃13;

＆＃13;

这有两个问题

1. 我使用的是不建议使用的PlatformLocation
2. 使用window.location.pathname！=＆＃34; /＆＃34;
处理刷新按钮

我可以进一步改善吗？

Answer 1

而不是：

window.location.href = this.landingUrl;

使用

this.router.navigate([this.landingUrl]);