2014-02-19 40 views
2

有谁知道我可以如何修改以下代码以在Angular中创建滑动多级菜单和面包屑,就像这个facebook help页面一样?在Angular中滑动多级菜单和面包屑

我的基本的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> 

回答

0

在问候滑动菜单,有一吨的解决方案在那里。这里有一些链接:

http://www.sitepoint.com/pure-css-off-screen-navigation-menu/ http://blogs.sitepointstatic.com/examples/tech/css3-sliding-menu/index.html

要留在世界的角度,你可以切换出的谐音在不同的州或使用类似NG-开关。有这么多的选择,很难给你一个答案。

在问候面包屑,这里有几个很好的预建选项:

jsc-breadcrumbs - a blog post with instructions angular-breadcrumbs