Question

是否有人知道如何修改以下代码以在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>

Answer 1

关于滑动菜单，有很多解决方案。以下是一些链接：

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

要保持角度世界，您可以切换不同状态的部分或使用ng-switch之类的东西。有很多选择很难给你一个答案。

关于面包屑，这里有一些很好的预制选项：

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

在Angular中滑动多级菜单和面包屑

1 个答案: