如何改变ngdialog的高度

时间:2016-06-19 01:20:37

标签: angularjs

我想设置ngDialog的大小。当我写下面的代码时

ngDialog.open(
    template: 'adddUserDialog',
    className: 'ngdialog-theme-default',
    width:800px,
    height:800px
});

我发现高度配置没有生效,但宽度配置正常。也许ngDialog open函数不支持高度参数。

1 个答案:

答案 0 :(得分:2)

如果您阅读ng-dialog options的文档,则可以看到它不接受高度。但是,您可以为包装器设置自定义类,这意味着您应该能够通过类定义设置高度,如下所示:

JS

ngDialog.open({
  template: 'adddUserDialog',
  className: 'ngdialog-theme-default',
  appendClassName: 'ngdialog-custom',
  width:800px
});

CSS

.ngdialog.ngdialog-custom .ngdialog-content {
  height: 800px;
}