Angular Materials 6.3.0 更新后对话框不是居中对齐?
Angular Materials 6.3.0 Dialog is not center align after update?
我用过angularDialog
6.2.1素材版,还可以
我刚更新到 6.3.0。
现在我所有的 Dialog
都右对齐,而不是居中!
怎么了!
更新:
我找到了导致这个问题的原因。
每当我在 html 标签中设置 dir="rtl"
时,就会出现问题。
我该如何解决?
我找到了解决方案。我们可以通过以下方式解决这个问题:
来自 https://material.angular.io/components/dialog/overview#specifying-global-configuration-defaults
Specifying global configuration defaults Default dialog options can be
specified by providing an instance of MatDialogConfig for
MAT_DIALOG_DEFAULT_OPTIONS in your application's root module.
@NgModule({
providers: [
{provide: MAT_DIALOG_DEFAULT_OPTIONS, useValue: {hasBackdrop: true, direction: 'ltr'}}
]
})
通知direction: 'ltr'
我用过angularDialog
6.2.1素材版,还可以
我刚更新到 6.3.0。
现在我所有的 Dialog
都右对齐,而不是居中!
怎么了!
更新:
我找到了导致这个问题的原因。
每当我在 html 标签中设置 dir="rtl"
时,就会出现问题。
我该如何解决?
我找到了解决方案。我们可以通过以下方式解决这个问题:
来自 https://material.angular.io/components/dialog/overview#specifying-global-configuration-defaults
Specifying global configuration defaults Default dialog options can be specified by providing an instance of MatDialogConfig for MAT_DIALOG_DEFAULT_OPTIONS in your application's root module.
@NgModule({
providers: [
{provide: MAT_DIALOG_DEFAULT_OPTIONS, useValue: {hasBackdrop: true, direction: 'ltr'}}
]
})
通知direction: 'ltr'