1

ポップアップに使用する 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 
    })

何か案が？

ありがとう

4

1 に答える 1

0

var dialog = ngDialog.open(); //常にオブジェクトを返す {id: 'div attr id'};

$('#'+ dialog.id).css('width', '100px'); //このように外側のdivを取得できます

全体として、角度コントローラーでjqueryを使用するのはあまり良くありませんが、機能します（唯一の方法です）。

于 2016-10-25T06:18:00.623 に答える