Javascript 使用angularjs和引导选项卡更改路线时保存选项卡内容的状态

我的angular应用程序中有3个树引导选项卡

<ul class="nav nav-tabs">
  <li><a href="" ng-click="changeRoute(1)">Tab 1</a></li>
  <li><a href="" ng-click="changeRoute(2)">Tab 2</a></li>
  <li><a href="" ng-click="changeRoute(3)">Tab 3</a></li>
</ul>

每个选项卡都有相同的视图，在视图中我有html选择：

<select>
  <option>Item 1</option>
  <option>Item 2</option>
  <option>Item 3</option>
  <option>Item 4</option>
</select>

项目1
项目2
项目3
项目4

现在，当路线更改时，新视图将出现。我需要在更改浏览器或角度时保存每个视图中选择的选定索引的状态。因此，如果在选项卡1中用户在选择中选择项目1，然后用户单击选项卡2并更改选择，然后将路线更改为选项卡1，则用户可以看到在选项卡1中选择的项目1。 我在中创建了此场景的小型模拟

---

这是一个模拟，我想要什么，而不改变路线。但我有很多东西，我认为它是更好的使用路线

只需使用

服务

来跟踪任何持久数据。首先，您的

plunker

似乎已损坏。@arturgrzesiak我的应用程序对每个选项卡都有许多配置。当用户单击“保存当前选项卡数据”，然后检索单击的选项卡的数据时，是否可以保存服务中每个选项卡的数据。@arturgrzesiak i更新并修复该标签

<select>
  <option>Item 1</option>
  <option>Item 2</option>
  <option>Item 3</option>
  <option>Item 4</option>
</select>