angularjs - 角度js ngdialog滚动条

Question

我正在使用 ng-dialog 来显示弹出窗口。我在使用 ng-dialog 时遇到的问题是，当消息很大但整个 html 页面出现滚动条时，对话框上没有垂直滚动条。

有没有办法可以在 ng 对话框上显示滚动条。

我正在使用来自https://github.com/likeastore/ngDialog的 ngdialog.js

我用谷歌搜索了我最好的，但对如何带上滚动条一无所知。请我在css中更大。

下面是我用来弹出弹出窗口的代码。

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

任何建议都非常感谢。

Answer 1

你应该设置 overflow-y: scroll; 在对话模板中的内容元素上。

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;
            }
        }
    }
}

这样，当内容溢出时 ul 将是可滚动的。