角度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 可以滚动。