angular js ngdialog scrollbar

Question

J'utilise ng-dialog pour afficher le popup. Le problème auquel je suis confronté avec ng-dialog est qu'il n'y a pas de barre de défilement verticale dans la boîte de dialogue quand le message est énorme mais que la barre de défilement apparaît pour toute la page html.

Y at-il un moyen que je peux apporter la barre de défilement sur la boîte de dialogue ng.

J'utilise les ngdialog.js de https://github.com/likeastore/ngDialog

Je googlé mon mieux, mais ne pas avoir une idée sur la façon d'apporter la barre de défilement. S'il vous plaît je suis juste plus grand dans le CSS.

ci-dessous est le code que j'utilise pour amener le popup.

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

toute suggestion très appréciée.

Answer 1

Vous devez définir overflow-y: scroll; sur votre élément de contenu dans votre modèle de boîte de dialogue.

HTML:

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

MOINS:

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

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

De cette façon, la ul sera scrollable lorsque le contenu dépasse.