我正在尝试使用 AngularJS 路由实现类似于 JQueryMobile 的幻灯片转换。
JQuery Mobile 在这里:http: //view.jquerymobile.com/1.3.0/docs/widgets/transitions/
我可以尝试创建一个将利用此解决方案的指令:https ://stackoverflow.com/a/13661642/524511但想先询问是否有现成的东西。
我正在尝试使用 AngularJS 路由实现类似于 JQueryMobile 的幻灯片转换。
JQuery Mobile 在这里:http: //view.jquerymobile.com/1.3.0/docs/widgets/transitions/
我可以尝试创建一个将利用此解决方案的指令:https ://stackoverflow.com/a/13661642/524511但想先询问是否有现成的东西。
动画支持从 1.1.4 版开始被引入核心 Angular.JS 库(当前处于稳定状态,在本次更新时)。
这是发布的官方公告。它还嵌入了演示该功能的 Youtube 视频:
http://blog.angularjs.org/2013/04/angularjs-106-universal-irreversibility.html
.
你可以试试 Angular-UI 的东西。
这里有两个主要组件可以提供帮助:
Animate,应该直接做你想做的事
http://angular-ui.github.io/#/directives-animate
jQuery 路径(虽然这可能很棘手)
http://angular-ui.github.io/#directives-jq
注意:
如果这些链接对您不起作用,请尝试从“指令”菜单中选择它们。当我写这个答案时,它们似乎对我不起作用。有趣的是,路由在 Angular 自己的站点之一中无法按预期工作!
这可能会有所帮助:
https://github.com/sthomp/angular-slidenav.js
http://mgcrea.github.io/angular-strap/##asides
我用的是第一个。它非常简单,不需要额外的库来获得幻灯片过渡。