javascript - 如何在 AngularJS 中制作菜单和子菜单

Question

我试图在我的页面上显示一个菜单，其中包含您可以在 Word 文档中找到的文件、编辑、查看等选项，当您单击主菜单项（例如文件）时，会弹出一个带有子菜单选项的下拉菜单。我认为这是许多 UI 的基本行为，但我找不到通过 AngularJS 执行此操作的示例。非常感谢任何建议。提前致谢。

Answer 1

Angular 没有这个内置的任何小部件。您可以引入 jQuery 插件或使用 Bootstrap 之类的工具来实现此目的。

此示例假设您使用的是 bootstrap 2.3.2 并且已经在控制器中创建了函数：

<ul class="nav nav-pills">
    <li class="dropdown">
        <a class="dropdown-toggle" data-toggle="dropdown" href="#">File <b class="caret"></b></a>
        <ul class="dropdown-menu">
            <li><a href="#" ng-click="new()">New</a></li>
            <li><a href="#" ng-click="open()">Open</a></li>
            <li><a href="#" ng-click="save()">Save</a></li>
            <li><a href="#" ng-click="close()">Close</a></li>
        </ul>
    </li>
</ul>

引导程序 2.3.2