如何设置igxDialog的宽度和高度？

如何解决如何设置igxDialog的宽度和高度？

我正在尝试创建模态对话框，但未正确应用宽度。

<igx-dialog
  #alert
  title="Notification"
  message="Your email has been sent successfully!"
  leftButtonLabel="OK"
  (onLeftButtonSelect)="alert.close()"
  style="width:1000px"
></igx-dialog>

解决方法

您可以将 IgxDialogComponent 放在自定义 div 中，然后应用所需的样式。为此，您应该使用 IgxOverlayService 使用的 IgxToggleDirective 的 IgxDialogComponent。

可以找到可以看到这一点的示例here

根据 documentation 有一个 [positionSettings]，您可以在其中自定义属性 minSize。这将允许您为对话框创建自定义 width 和 height，但这仅适用于他们所谓的 Elastic Positioning Strategy。

据我所知，没有任何属性可以绑定 width 或 height 中的更改。似乎也无法通过输入属性传递样式。

请检查 here 一个示例，我已更改该示例以通过设置 CSS 样式来更改对话框的宽度。基本代码取自文档中的一个示例，但我认为它可能很有用，因为它是关于如何为组件创建自定义样式的示例。我只是将 width 添加到测试样式中，我相信它可以实现您的目标