要解决Angular 5浏览器返回按钮不起作用的问题,可以尝试以下解决方法:
import { Component } from '@angular/core';
import { Location } from '@angular/common';
@Component({
selector: 'app-example',
template: `
`
})
export class ExampleComponent {
constructor(private location: Location) {}
goBack() {
this.location.back();
}
}
import { Component, HostListener } from '@angular/core';
@Component({
selector: 'app-example',
template: `
`
})
export class ExampleComponent {
@HostListener('window:popstate', ['$event'])
onPopState(event) {
// 处理popstate事件
}
goBack() {
history.back();
}
}
import { Component, HostListener } from '@angular/core';
@Component({
selector: 'app-root',
template: `
`
})
export class AppComponent {
@HostListener('window:popstate', ['$event'])
onPopState(event) {
// 处理popstate事件
}
}
这些方法可以帮助解决Angular 5浏览器返回按钮不起作用的问题,具体选择哪种方法取决于你的项目需求和设计。