angularjs - 如何在ngDialog中设置对话框宽度

Question

我只是试图设置对话框的宽度，但尚未成功。我添加了一个CSS类，但是宽度设置是对话框阴影之一。

.dialogwidth800 {
    width : 800px;
}
...
ngDialog.openConfirm({
    template: 'templateRemove',
    className: 'ngdialog-theme-default dialogwidth800',
    scope: $scope
}).then(

编辑: fiddle 与工作解决方案在这里纠正:https://jsfiddle.net/jr626fww/8/

Answer 1

通过使用如下所示的自定义CSS可以轻松实现:

.ngdialog.ngdialog-theme-default.custom-width-800 .ngdialog-content {
    width: 800px;
}
.ngdialog.ngdialog-theme-default.custom-width-900 .ngdialog-content {
    width: 900px;
}

当您打开 ngDialog 时，请使用这些CSS类:

要使用 custom-width-900

ngDialog.openConfirm({
    template: 'templateRemove',
    className: 'ngdialog-theme-default custom-width-800',
    scope: $scope
});

要使用 custom-width-900

ngDialog.openConfirm({
    template: 'templateRemove',
    className: 'ngdialog-theme-default custom-width-900',
    scope: $scope
});