ANGULAR

Question

我想在浏览器的后退按钮上添加查询参数（针对上一页）。

例如，在调用客户层次组件视图时添加查询参数的程序代码：

<a [routerLink]="['/customer-hierarchy']" [queryParams]="{filterBy: currentActiveFilter}">Details</a>

那么，如何添加点击浏览器默认后退按钮触发的上一页查询参数呢？

Answer 1

我用会话存储解决了这个问题。 table 上的每个过滤器更新后，我使用以下代码行将这些过滤器存储在会话存储中：

sessionStorage.setItem('workordersTableFilters', JSON.stringify(this.currentActiveFilter));

如果我想从会话存储加载数据：

const workordersTableFilters = sessionStorage.getItem('workordersTableFilters');
if (workordersTableFilters != null) {
   //Use loaded data
}

PS。不需要外部库或导入

ANGULAR - 在按下后退按钮时定义查询参数