Angular中的垂直幻灯片菜单

run*_*ero 12 angularjs

有谁知道如何在Angular中创建垂直滑动菜单?就像屏幕左侧的新Facebook滑动菜单一样.

有几个可用的小提琴,但都是jquery

Epo*_*okK 30

你需要创建一个directive来做到这一点.您可以从snap.js(Angular-Snap)开始.

DEMO

<snap-drawer>
  I'm in a drawer!
</snap-drawer>

<snap-content>
  I'm your main content!
</snap-content>
Run Code Online (Sandbox Code Playgroud)

  • 我可以确认Snap是迄今为止移动应用程序左/右抽屉功能最优雅的实现,而angular-snap对于angularjs应用程序来说也很流畅.我刚刚在我正在开发的最新应用程序中应用了这个并且工作得很好.我尝试了至少3种其他解决方案,但毫无疑问,Snap是最好的.以上的plunker工作http://run.plnkr.co/wVQJ0NfKEMcPrJO1/您需要通过拖动屏幕滑动,因为缺少切换链接/按钮 (6认同)
  • 这两个掠夺者都是404. (3认同)
  • 是的,检查我的"DEMO"并确认我的答案;) (2认同)
  • 你不能在一个内容中放置一个固定的栏...只是丢失了一天试图解决这个问题.. (2认同)