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

Dialog width too small, any way to change it?

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

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

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>