如何在AngularJS中创建菜单和子菜单

Question

我想在Word文档中找到的文件，编辑，视图等选项在我的页面上显示菜单，当您单击主菜单项（文件例如），下拉菜单会弹出子菜单选项。我认为这是很多UI的基本行为，但我无法通过AngularJS找到这样的例子。任何建议，非常感谢。提前致谢。

Answer 1

Angular没有这个内置的任何小部件。你可以使用jQuery插件或使用类似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