2015-09-28 4 views
1

Я пытаюсь выяснить, как динамически изменять размер ngDialog, который я использую для своих всплывающих окон. Диалоговые пожаров событие, когда он был открыт:Как изменить размер 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 
    }) 

Любая идея?

Благодаря

ответ

0

var dialog = ngDialog.open(); // всегда возвращает объект {ID: 'ДИВ атр идентификатор'};

$('#'+ dialog.id).css('width', '100px'); // Вы можете получить внешний DIV как этот

Althrough, не так хорошо с помощью JQuery в угловом контроллере, но он работает (единственный путь).

Смежные вопросы