浏览器后退按钮应保持在同一页面的角度答案

【问题标题】：Browser back button should keep on same page angular浏览器后退按钮应保持在同一页面的角度
【发布时间】：2020-02-02 13:25:24
【问题描述】：

通过标志句柄以角度显示组件，这里的问题是当浏览器返回单击时，它会重定向到更早访问的页面。这里的场景是浏览器返回事件页面应该是相同的，但是这个组件应该被隐藏。对此有何建议。

       <div *ngIf="service.itemUnavailable">
          <app-item-unavailable [itemDetails]="itemDetails"></app-item-unavailable>
     </div>

【问题讨论】：

在这里我也可以制作一个单独的页面而不是组件并重定向到那里，但它会花费一个 API，所以现在避免。
有什么理由不使用路由器？
要保持在同一页面中，您应该必须使用 Angular 路由器 Guards.angular.io/api/router/CanActivate#description sepcially CanActivate
为了保持简单，只需要隐藏和显示组件，

【解决方案1】：

您必须使用角度路由器才能做到这一点。
如果用户转到您的应用，然后点击重定向到您应用的其他页面的链接，则后退按钮将保留在您的应用中。
一页有很多组件，而且 ngIf 的声音并不那么漂亮。

【讨论】：