如何在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>

引導程序2.3.2