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

Question

我使用Dialog作为表单容器但是当我有很多字段或长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>