AngularJS 路由是否提供对“面包屑视图”的支持？

Question

我不知道这种路由/导航风格是否有名字，但 play.spotify.com 就是一个很好的例子。简而言之，在每个导航决定中，网站都会加载一个新视图而不删除旧视图。这允许令人愉悦的“视觉面包屑”，增强单页应用程序的连续性感觉。

关键特征：

• URL 仅反映当前状态，因此重新加载（或链接共享）会删除此历史记录。
• 历史长度（表面上）是任意的 - 这不是分层树状导航，而是图上的一条路径。

我的问题是

• 是否有路由方案（通过 ui-router 或其他方式）可以在 Angular 中实现这一点？
• 这个有名字吗？

我能看到的唯一实现方法是在 ui-router 中以编程方式添加状态，如“Angular - UI Router - programmatically add states”，但它看起来很hacky。

Answer 1

我不确定这是否有名字，如果有的话，我从来没有遇到过。上面视频中的行为可以通过使用包含侧边栏的布局来实现，这些边栏在路线改变时不会改变。

正在更改的部分都在中心，因此基于小部件的方法将页眉、页脚和侧边栏放在主页上。然后 <div ui-view></div> 位于主页中间，只有当您选择新路线时，此内容才会改变

希望对你有帮助