ANGULAR -在返回按钮上定义查询参数

Question

我想在浏览器的后退按钮上添加查询参数(用于上一页)

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

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

那么，如何为上一页添加查询参数，这是通过单击浏览器中的默认返回按钮触发的呢?

Answer 1

我用会话存储解决了这个问题。每次更新表上的过滤器后，我将这些过滤器存储在会话存储中，代码如下:

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

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

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

p。不需要外部库或导入