Angular 2+ 页面刷新后选中标签页无法保持选中状态问题求助

大家好，我现在遇到一个Angular 2+的问题，想请教一下各位：页面刷新后，之前选中的标签页没法保持选中状态，具体情况如下：

刷新前，我在第二个标签页时，URL和导航栏都能正确显示当前选中的标签状态：

但刷新页面后，URL还是保持原来的路径，可标签页的选中显示状态就消失了：

我已经尝试过下面两种方案，但都没解决问题：

• 我在clickSpecificTab函数里实现了点击逻辑，但页面刷新后还是看不到标签页的选中状态，除非手动点击标签；
• 我还试过在clickSpecificTab函数的每个switch case里，给对应的<a>标签手动添加.active类，虽然查看元素时类确实已经加上了，但刷新后还是看不到标签页的选中状态，必须手动点击才行。

这是我的HTML代码片段：

<ul class="...

备注：内容来源于stack exchange，提问作者erfan shafighnia