угловой js ngdialog scrollbar

Question

Я использую ng-dialog для отображения всплывающего окна. Проблема, с которой я столкнулся в ng-диалоге, заключается в том, что в диалоговом окне нет вертикальной полосы прокрутки, когда сообщение огромно, но полоса прокрутки отображается на всей странице html.

Есть ли способ, которым я могу привести полосу прокрутки в диалоговом окне ng-dialog.

Я использую ngdialog.js из https://github.com/likeastore/ngDialog

Я гугле мой лучший, но не получаю ни малейшего представления о том, как принести скроллбар. Пожалуйста, я просто больше в css.

Ниже приведен код, который я использую для вывода всплывающего окна.

ngDialog.open({ template: 'resources/views/popup.html', className: 'ngdialog-theme-default' , scope: $scope }); 

любое предложение очень оценено.

Answer 1

Вы должны установить переполнение-y: прокрутить; на элементе контента в шаблоне диалога.

HTML:

<div class="modal-content"> 
<ul class="list-group"> 
    <li class="list-group-item" ng-repeat="item in items">{{::item.name}}</li> 
</ul> 

МИНУС:

.modal-content { 
    .choose-modal-content { 
     height: 100%; 
     width: 100%; 

     ul { 
      &.list-group { 
       overflow-y: scroll; 
      } 
     } 
    } 
} 

Таким образом уль будет прокручивать, когда переполняется содержание.