gpt4 book ai didi

angularjs - AngularJS 路由是否提供对 "breadcrumb views"的支持?

转载 作者:行者123 更新时间:2023-12-02 04:46:44 26 4
gpt4 key购买 nike

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

关键特征:

  • URL 反射(reflect)当前状态,因此重新加载(或链接共享)会删除此历史记录。
  • 历史长度(表面上)是任意的——这不是分层树状导航,而是图形上的一条路径。

play.spotify.com

我的问题是

  • 是否有路由方案(通过 ui-router 或其他东西)可以在 Angular 中实现这一点?
  • 这个有名字吗?

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

最佳答案

我不确定它是否有名字,如果有我从来没有见过它。上面视频中的行为可以通过使用包含侧栏的布局来实现,侧栏在路线更改时不会更改。

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

希望对你有帮助

关于angularjs - AngularJS 路由是否提供对 "breadcrumb views"的支持?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32253237/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com