对话框宽度太小，有什么办法可以改变吗？

Question

我正在使用对话框作为表单容器，但是当我有很多字段或很长的 h3 标题时，它会变得很奇怪，因为宽度很小 (280px)。

有没有办法改变它的宽度而不必改变它的css？也许宽度属性?

Answer 1

angular2-mdl 的 2.2.0 版现在支持高级配置的可能性。您现在可以提供应用于对话框宿主元素的 css 样式。例如：

let pDialog = this.dialogService.showCustomDialog({
  component: LoginDialogComponent,
  providers: [{provide: TEST_VALUE, useValue: 'Just an example'}],
  isModal: true,
  styles: {'width': '350px'},
  clickOutsideToClose: true
});

如果您使用的是声明式方法，这也是可能的：

<mdl-dialog #editUserDialog
            [mdl-dialog-config]="{
                 clickOutsideToClose: true, 
                 styles:{'width': '350px'}, 
                 modal:true
            }">
...
</mdl-dialog>

对话框宽度太小，有什么办法可以改变吗？

Dialog width too small, any way to change it?

angular

material-design-lite

angular2-mdl