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

Question

我只是想设置对话框的宽度，但我还没有成功（还）。我添加了一个 CSS 类，但设置的宽度是对话框阴影之一。

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

编辑：这里用工作解决方案纠正了小提琴：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
});

Answer 2

使用类应用宽度.ngdialog-content{width :100px !important;}使用 !important 对于覆盖任何 css 属性非常重要