【问题标题】:Angular Materials 6.3.0 Dialog is not center align after update?Angular Materials 6.3.0 对话框在更新后没有居中对齐?
【发布时间】:2018-12-03 05:18:11
【问题描述】:

我使用 Angular Dialog 和 6.2.1 材料版本,没问题。

我刚刚更新到 6.3.0。
现在我所有的Dialogs 都是右对齐,而不是居中!

怎么了!

更新:

我找到了导致此问题的原因。 每当我在 html 标签中设置dir="rtl" 时,就会出现问题。 我该如何解决?

【问题讨论】:

标签: angular dialog modal-dialog angular-material2 angular-material-6


【解决方案1】:

我找到了解决方案。我们可以通过以下方式解决这个问题:

来自https://material.angular.io/components/dialog/overview#specifying-global-configuration-defaults

指定全局配置默认值 默认对话框选项可以是 通过提供 MatDialogConfig 的实例来指定 MAT_DIALOG_DEFAULT_OPTIONS 在应用程序的根模块中。

@NgModule({
  providers: [
    {provide: MAT_DIALOG_DEFAULT_OPTIONS, useValue: {hasBackdrop: true, direction: 'ltr'}}
  ]
})

通知direction: 'ltr'

【讨论】:

  • 我一直在寻找解决方案,这很有帮助,谢谢。
猜你喜欢
  • 1970-01-01
  • 2015-09-13
  • 2012-05-26
  • 1970-01-01
  • 2023-03-10
  • 2020-12-30
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多