有谁知道我如何修改下面的代码来在 Angular 中制作滑动的多级菜单和面包屑,就像这样 facebook help页?
我的基本html代码是这样的:
<ul>
<li>
<a href="#">Electronics</a>
<ul>
<li><a href="#">back</a></li>
<li><a href="#">Phones</a></li>
</ul>
</li>
<li>
<a href="#">Furniture</a>
<ul>
<li><a href="#">back</a></li>
<li>
<a href="#">Living Room</a>
<ul>
<li><a href="#">back</a></li>
<li><a href="#">Bookshelves</a></li>
</ul>
</li>
<li><a href="#">Patio</a></li>
</ul>
</li>
</ul>
最佳答案
关于滑动菜单,有很多解决方案。以下是一些链接:
http://www.sitepoint.com/pure-css-off-screen-navigation-menu/ http://blogs.sitepointstatic.com/examples/tech/css3-sliding-menu/index.html
要留在 Angular 世界中,您可以切换不同状态的部分或使用类似 ng-switch 的东西。真的有太多的选择,很难给你一个单一的答案。
关于面包屑,这里有一些不错的预建选项:
jsc-breadcrumbs - a blog post with instructions angular-breadcrumbs
关于javascript - 在 Angular 中滑动多级菜单和面包屑,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21873501/