从角度2中删除历史记录中的组件

时间:2016-11-18 18:16:27

标签: angular typescript angular2-routing angular-components angular-component-router

如何限制组件在背面加载时加载。 实际上我有三个组件A(正常组件),B(LoginComponent)和C(Otp验证组件)。 我在某个按钮点击时从A路由到组件B,从B到C路由到组件B以验证用户。 现在,在对组件C进行验证后,我想回到组件“A'”,并希望删除组件' B'和' C'从历史记录中,以便在浏览器上退回时,它不会加载' B'(LoginComponent)和' C'再次。 那怎么能在angularjs 2中做到这一点。

1 个答案:

答案 0 :(得分:8)

在从组件B和C导航时,传递选项replaceUrl:true以在浏览器历史记录中用C替换B.

例如:

//Navigating to state C 
this.router.navigate(["/C"], { replaceUrl: true });

结帐documentation for replaceUrl