2014-02-19 60 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