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>

Bootstrap 2.3.2

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

1 个答案: