Javascript 按角度滑动多级菜单和面包屑

有人知道我如何修改下面的代码来制作一个滑动的多级菜单和角形的面包屑，就像这个页面一样吗

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

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

要保持在角度世界中，您可以在不同的状态下切换出partials，或者使用类似ng switch的东西。有太多的选择，很难给你一个单一的答案

关于面包屑，这里有几个不错的预构建选项：

-