Как отобразить меню material light, которое генерируется динамически?

Question

[Максим Иванов]

Менюшки взял отсюда:
https://getmdl.io/components/index.html#menus-section

Вот код, который генерирует меню:

<div class="demo-card-event mdl-card mdl-shadow--2dp" ng-repeat="exemplers in modelExemplersLists">
         
                <button id="demo-menu-top-right-{{ exemplers.id }}"
                        class="mdl-button mdl-js-button mdl-button--icon">
                  <i class="material-icons">more_vert</i>
                </button>
            
                <ul class="mdl-menu mdl-menu--top-right mdl-js-menu mdl-js-ripple-effect"
                    data-mdl-for="demo-menu-top-right-{{ exemplers.id }}">
                  <li class="mdl-menu__item">Редактировать</li>
                  <li class="mdl-menu__item">Удалить</li>
                </ul>

              </div>
            </div>

modelExemplersLists - первое время пустое, оно появляется, когда сервер отдаст JSON
но в итоге, angular все отрисовывает, а уже менюшка при этом не активна


К сожалению, почему-то рисуется несколько раз dom-дерево из-за этого

dataService.getModelExemplarsList(model.id, function(data){

      $scope.modelExemplersLists = data.exemplars;

      angular.element(document).ready( 
        function() {
          componentHandler.upgradeAllRegistered();
      });

});

Answer 1

[Максим Иванов]

Пока работает это

angular.element(document).ready( 
      function() {
        componentHandler.upgradeAllRegistered();
    });

Comments

[napa3um]

Покажите кусочек кода, который получает данные от сервера.

[Максим Иванов]

подписал