Question

我正在使用angularJS和bootstrap开发Phonegap项目。我需要创建一个滑动标签视图，与http://developer.android.com/design/patterns/swipe-views.html中的Android实施方式非常相似。当然，用户应该能够向左/向右滑动以在标签之间切换，并且应该包括动画过渡。每个标签屏幕也应该有自己的html和ng-controller。您是否了解提供此功能的任何Angular Directive？有关如何实现这一点的任何想法？

Answer 1

离子框架提供<ion-sideMenu>和<ion-tab>指令来完成这项工作。

实现提供基于jQuery的拖出菜单，材料设计风格为“

”

<ul class="right hide-on-med-and-down">
    <li><a href="#!">First Sidebar Link</a></li>
    <li><a href="#!">Second Sidebar Link</a></li>
  </ul>
  <ul id="slide-out" class="side-nav">
    <li><a href="#!">First Sidebar Link</a></li>
    <li><a href="#!">Second Sidebar Link</a></li>
  </ul>
  <a href="#" data-activates="slide-out" class="button-collapse"><i class="mdi-navigation-menu"></i></a>
</nav>
    `

http://ionicframework.com/

http://materializecss.com/

phonegap / angular中的可跳转标签

1 个答案: