angularjs - Angular UI マルチレベル ドロップダウン トグル

Question

Angular UI Dropdown Toggleを使用して、マルチレベル/ネストされたドロップダウンを作成しようとしています。

ドロップダウンの最初のレベルをクリックすると、完全に閉じてしまい、2 番目の層が表示されません。

私が達成しようとしているものの最低限のバージョンを示すために、非常に基本的な plunkr を添付しました。

http://plnkr.co/edit/c0GbKQoYWICXwd3JRWGV?p=info

どんな助けでも大歓迎です。

ありがとう

Answer 1

サブメニューは、モバイルには関係ないと見なされるため、Boostrap 3 から削除されました。

「サブメニューは現在、Web、特にモバイル Web ではあまり使われていません。サブメニューは 3.0 で削除されます」 - https://github.com/twbs/bootstrap/pull/6342

Bootstrap 3.0.0 (最終) を使用する例: http://bootply.com/86684

StackOverflow 投稿のコード: Bootstrap 3 ドロップダウン サブメニューがありません

Answer 2

これを実現するには、クラス「dropdown-submenu」を使用できます。

<div class="btn-group dropdown">
  <button class="dropdown-toggle">Toggle</button>
  <ul class="dropdown-menu">
    <li>Item 1</li>
    <li>Item 2</li>
    <li class="dropdown-submenu">
      Sub List
      <ul class="dropdown-menu">
        <li>Submenu Item 1</li>
        <li>Submenu Item 2</li>
      </ul>
    </li>
  </ul>
</div>