Javascript Gmail风格的标签，有角度

angular是个新手，我只是希望能在jQuery中相对快速地实现一些东西上得到一些指导

作为一个宠物项目，我将推出一个漫画组织者网络应用程序来学习。我在jQuery中开始了这个项目，看起来很

<div id='main'>
    <div id='library'>

    </div>
    <div id='series' data-currently-loaded-series='1234'>

    </div>
    <div id='comic' data-currently-loaded-comic='4321'>

    </div>
</div>

现在我根据gmail的工作原理来设计它，它不会破坏标签，它只是隐藏或缓存标签，这样你就永远不会两次加载同一条信息

单击库中的序列将其加载到序列div。如果“当前加载的序列id”与我尝试加载的序列id匹配，它将不会加载任何内容，因为它看到它已经加载了它，依此类推

我觉得这种设计对我的小项目来说是无价的，因为很多漫画封面图片都是高分辨率的，在不同的视图之间导航会有点毫无意义，我当然知道图像通常是由浏览器缓存的，但我仍然看不到在我可以简单地隐藏它们的情况下销毁div的理由。我想我是在尽量减少数据请求

我在互联网上看到过一些类似标签的行为，但gmail是我能找到的唯一一个没有破坏以前导航视图/标签的例子

输入角度

我发现在部分和视图之间切换时会破坏旧数据，我不太确定是否可以禁用此行为。我想我可以设置与以前相同的div布局，只加载多个视图并切换，但Angular不能很好地处理多个视图（显然，UI路由器可能是这里的解决方案）。即使在一个视图中完成这一切也不太理想，因为我不太确定我是否能够使用URL路由

我想我的最终问题是，有人知道gmail采用的标签缓存机制的名称吗？如果没有人能告诉我，我将如何着手创造类似的东西

---

谢谢

我建议您使用Bootstap和Ui引导来实现。 简单的教程：