Angularjs 使用引导刷新时保持选项卡打开

我在每个选项卡中都有不同的html页面，如果可能的话，我希望活动选项卡在使用引导刷新后仍然处于活动状态

<div>
<ul class="nav nav-tabs">
    <li class="active"><a data-toggle="tab" href="#TypeSettings">Type</a></li>
    <li><a data-toggle="tab" href="#EvidenceSettings">Evidence</a></li>
    <li><a data-toggle="tab" href="#OverallTypeSettings">Overall Type</a></li>
</ul>

<div class="tab-content">
    <div id="TypeSettings" class="tab-pane fade in active">
        <div ng-include src="'Templates/AdminSettings/TypeSettings.html'"></div>
    </div>
    <div id="EvidenceSettings" class="tab-pane fade">
        <div ng-include src="'Templates/AdminSettings/EvidenceSettings.html'"></div>
    </div>
    <div id="OverallTypeSettings" class="tab-pane fade">
        <div ng-include src="'Templates/AdminSettings/OverallTypeSettings.html'"></div>
    </div>
</div>   

---

如果您想记住用户上次打开的选项卡，那么您必须添加一些JS逻辑。例如，您可以将用户上次打开的选项卡存储在cookie中。

如果您想按用户记住上次打开的选项卡，则需要添加一些JS逻辑。例如，您可以将用户上次打开的选项卡存储在cookie中。

请添加一个JSFIDLE！请添加一个JSFIDLE！是的，假设要将其存储在本地存储器中，你能帮我处理angular controller中的代码吗？我不想包含任何额外的库。假设要将其存储在本地存储器中，你能帮我处理angular controller中的代码吗？我不想包含任何额外的库