angular - 如何设置igxDialog的宽高？

Question

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

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

Answer 1

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

可以在此处找到可以看到的示例

Answer 2

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

根据我所见，没有可以将更改绑定到的属性widthor height。似乎也无法通过输入属性传递样式。

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