javascript - 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