splincodewd
@splincodewd
Developer

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

Менюшки взял отсюда:
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 все отрисовывает, а уже менюшка при этом не активна
0a10b59ee3544508aff268951ed5195e.png

К сожалению, почему-то рисуется несколько раз dom-дерево из-за этого
dataService.getModelExemplarsList(model.id, function(data){

      $scope.modelExemplersLists = data.exemplars;

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

});
  • Вопрос задан
  • 185 просмотров
Пригласить эксперта
Ответы на вопрос 1
splincodewd
@splincodewd Автор вопроса
Developer
Пока работает это
angular.element(document).ready( 
      function() {
        componentHandler.upgradeAllRegistered();
    });
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы