具有子菜单的下拉菜单以及AngularJS中的子菜单

Question

我想知道是否有代码片段（我似乎无法找到我已经找到工作的代码片段），这样您就可以在导航栏中找到一个列表项下拉式菜单。这个列表项内部有一个子菜单作为其列表项之一。子菜单可以在其中包含另一个子菜单，这意味着它将是一个嵌套的子菜单。

    <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
    <ul class="nav navbar-nav navbar multi-level">
        <li><a class="navbar-brand" href="index.html">Home</a></li>
        <li><a href="about.html">About</a></li>
        <li><a href="contact.html">Contact</a></li>
        <li class="dropdown-menu">
            <a tabindex="0" href="#" class="dropdown-toggle" data-toggle="dropdown">Blogs<span class="caret"></span></a>
                <ul class="dropdown-menu" role="menu">
                    <li><a tabindex="0">Action</a></li>
                    <li class="dropdown-submenu">
                      <a tabindex="0" data-toggle="dropdown">Another action</a>

                        <ul class="dropdown-menu">
                            <li class="dropdown-header">Dropdown header</li>
                            <li><a tabindex="0">Sub action</a></li>
                            <li><a tabindex="0">Another sub action</a></li>
                            <li><a tabindex="0">Something else here</a></li>
                        </ul>
                    </li>
        </li>
    </ul>
</nav>

我的代码在这里。我已经确保导入ui.bootstrap，因为我使用Angular并拥有正确的CSS。我之前已经开始工作，但我做了一些白痴，搞砸了，忘了备份到我的回购。我以为我可以轻松地再做一次，但从那以后就一直在努力。此外，我的菜单现在也被打破了。

我正在使用Bootstrap。