css - 如何在运行时更改 ngDialog 大小

Question

我试图弄清楚如何动态更改用于弹出窗口的 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 
    })

任何想法？

谢谢

Answer 1

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

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

总而言之，在角度控制器中使用 jquery 不是很好，但它可以工作（唯一的方法）。