禁用特定页面(登陆页面)的浏览器返回按钮

Question

我使用angular 8。是否有任何方法可以在特定页面(登陆页面)上禁用浏览器后退按钮。它应该可以在其他页面上工作。

<代码>

Answer 1

将以下命令复制到命令行或终端来安装包。

import { NgModule } from '@angular/core';
import { BackButtonDisableModule } from 'angular-disable-browser-back-button';
@NgModule({
...
imports: [
...
BackButtonDisableModule.forRoot()
],
...
})
export class AppModule {}

将BackButtonDisableModule导入到你的项目app.module.ts文件中，并添加到imports列表中。

import { NgModule } from '@angular/core';
import { BackButtonDisableModule } from 'angular-disable-browser-back-button';
@NgModule({
...
imports: [
...
BackButtonDisableModule.forRoot({
preserveScrollPosition: true
})
],
...
})
export class AppModule {}

模块将防止浏览器退格导航，并通过保留所有状态将用户返回到同一页面。防止退格导航的问题是，它会将用户移动到网页顶部。因此，您可以使用模块配置来保留滚动位置。

PP_4就是这样!