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：＆＃39; div attr id＆＃39;};

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

通过，在角度控制器中使用jquery不太好，但它有效（唯一的方法）。

如何在运行时更改ngDialog大小

1 个答案: