Bootstrap 侧边栏导航栏在刷新后保存打开的选项卡

Question

我的引导网站中有一个使用引导 css 类的侧边菜单：

<div class="page-sidebar navbar-collapse collapse sidebar-nav">

<ul>
<li>
..
</li>
</ul>
</div>

如果用户点击了一个标签，页面刷新了，如何保存用户打开的标签？有什么想法吗？

Answer 1

1. 如果你使用的是 Angular ui 路由器，你可以使用 stateparam，如果没有还有其他两个选项

2. 网址参数，

3. 本地存储，

第二点

    function getParameterByName(name, url) {
    if (!url) {
      url = window.location.href;
    }
    name = name.replace(/[\[\]]/g, "\\$&");
    var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
        results = regex.exec(url);
    if (!results) return null;
    if (!results[2]) return '';
    return decodeURIComponent(results[2].replace(/\+/g, " "));
}


 url with param page ?tab=home
$scope.tab = getParameterByName('tab'); // this is called in the controller if the page is reloaded

###编辑### 然后将参数添加到链接中

<li ng-class="active: tab === 'home' href="someurl/?tab=home"></li>
<li ng-class="active: tab === 'about' href="someurl/?tab=about"></li>

第三个选项 您可以使用功能添加 ng-click

$scope.setTab = function(tab){
    $window.localStorage.setItem("tab", tab);
}

你可以通过

$window.localStorage.getItem("tab");

如果选项卡值为空，则必须处理 null

您可以使用sessionStorage 这是暂时的

 set value 
 sessionStorage.tab = "home"
  get value
  $scope.tab = sessionStorage.tab