Подменю Bootstrap Dropdown не отображается в Angularjs?

Question

Я пытаюсь создать раскрывающийся список, который содержит подменю.Но подменю не отображается.Мой код приведен ниже.Если есть какая-либо ошибка, пожалуйста, дайте мне знать.

<div class="dropdown ">

    <span class="dropdown-toggle glyphicon glyphicon-option-vertical" data-toggle="dropdown"></span>

    <ul class="dropdown-menu  pull-right ">
        <li class="dropdown-item ">Books</li>
        <li class="dropdown-submenu">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown"> 
               Games</a>
            <ul class="dropdown-menu" ng-repeat="game in games">
                <li class="dropdown-item " ng-click="getGames()">
                    {{game.name}}
                </li>
            </ul>
        </li>
    </ul>

Раскрывающийся список содержит два пункта меню - Книги и Игры.После выбора игр должен отображаться список имен игр из бэкэнда, и он не отображается.На самом деле я могу получить названия игр без использования выпадающего меню начальной загрузки.Я не даю правильный код.Мне нужно предложение только для выпадающего подменю.так что я дал только эту часть кода.

Answer 1

вам нужно поставить ng-repeat внутри li, а не ul.

изменить этот код:

  <ul class="dropdown-menu" ng-repeat="game in games">
            <li class="dropdown-item " ng-click="getGames()">
                {{game.name}}
            </li>
        </ul>

на этот код:

  <ul class="dropdown-menu" >
            <li class="dropdown-item " ng-click="getGames()" ng-repeat="game in games">
                {{game.name}}
            </li>
        </ul>