javascript - 幻灯片中 HTML 页面的 AngularJS 路由?

标签 javascript jquery html css angularjs

我有一个关于我正在构建的网站的想法,我希望它是一个顶部带有导航栏的幻灯片,当您单击时,它会在幻灯片中翻动到该“幻灯片”或类别。我希望每张幻灯片都有自己的 html 页面,我可以对其进行独特的自定义...但现在我很难将这些 HTML 页面放入幻灯片中。

我在想 AngularJS 路由可能是可行的方法?但我希望它是一个真正的幻灯片/旋转木马,用户可以快速浏览而不是依赖于导航栏。

所以我的主要问题是:AngularJS 路由是实现这一目标的最佳方式吗?如果是这样,我如何使用路由,比如一个光滑的轮播?否则,人们对如何实现这一目标有何想法?

感谢您的指导。

最佳答案

我只会使用路由功能来创建深层链接功能,从而可以根据地址栏将用户带到特定的幻灯片,反之亦然,当轮播“幻灯片”时地址哈希会发生变化。 至于超出哈希的路由,您不希望触发页面更改,因为这可能会强制您的轮播重新加载。

另一个注意事项:Angular-JS 路由不支持嵌套 View ,例如 UI-Router。您可能希望为“旋转木马幻灯片”使用嵌套 View

关于javascript - 幻灯片中 HTML 页面的 AngularJS 路由?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41473498/

相关文章:

javascript - 在 div 的中心位置 p

javascript - 很难理解内存

javascript - 用于改进向 MVC3 Razor 页面添加 css 和脚本资源的工具/加速器

javascript - 使用 jQuery sortable 根据当前位置更改列表项 id

javascript - 根据选择值隐藏 jQuery 中的元素

javascript - 单击事件时无法更新文本

javascript - HTML 表格的隐藏列也正在导出

javascript - 用于在 Google map 上打开标记信息窗口的超链接

javascript - 将悬停添加到当前导航栏

javascript - 跳出内部 foreach 循环