如何在运行时更改 ngDialog 大小答案

【问题标题】：How to change ngDialog size at runtime如何在运行时更改 ngDialog 大小
【发布时间】：2015-09-28 15:28:32
【问题描述】：

我试图弄清楚如何动态更改用于弹出窗口的 ngDialog 的大小。对话框在打开时触发事件：

 $scope.$on('ngDialog.opened', function (e, $dialog) {
    dialogReady($dialog);
});

我尝试了所有这些：

  function dialogReady(caseEditorWindow) {
    caseEditorWindow.css({ 'width' : '1350px' });
    caseEditorWindow.width(1350);
    caseEditorWindow.css('width', '1350px' });
}

没有任何效果。

只有在我使用这样的类时才会调整大小：

<style>
.ngdialog.dialogcaseeditor .ngdialog-content
    {
        width : 1350px;
        height: 810px;
        margin-top:-100px;
        padding-top:10px;
    }
 </style>

在创建对话框时：

ngDialog.open({
        template: 'caseEditor.html', 
        controller: 'caseEditorController',
        className: 'ngdialog-theme-default dialogcaseeditor',
        closeByDocument: false,
        disableAnimation: true,
        scope: $scope
        data: row 
    })

有什么想法吗？

谢谢

【问题讨论】：

标签： css ng-dialog

【解决方案1】：

var dialog = ngDialog.open(); //总是返回对象 {id: 'div attr id'};

$('#'+ dialog.id).css('width', '100px'); //可以这样获取外层div

虽然，在角度控制器中使用 jquery 不太好，但它可以工作（唯一的方法）。

【讨论】：