angular - 具有外观轮廓的 mat-form-field 效果不佳

Question

我将 body 方向更改为 rtl。 目录=“rtl”

并且具有外观“轮廓”的 mat-form-field 效果不佳。

您可以在https://material.angular.io中尝试一下站点，在“表单字段示例”、“表单字段外观变体”部分中，并在堆栈上进行编辑，并将正文方向更改为 RTL。

你看到哪个它不能正常工作

更新:

这个问题来自 Angular Material 现已修复

Answer 1

我对达里语(波斯语)也有同样的问题，它也是 RTL。我能找到的修复是将 Material 的版本和 Angular 相关的包设置为完全匹配，即从 package.json 中的包版本中删除 ^ 和 ~ 前缀。 json。

我的 package.json 如下所示:

"dependencies": {
    "@angular-devkit/core": "8.0.6",
    "@angular/animations": "8.0.3",
    "@angular/cdk": "8.1.1",
    "@angular/common": "8.2.14",
    "@angular/compiler": "8.2.14",
    "@angular/core": "8.2.14",
    "@angular/flex-layout": "8.0.0-beta.26",
    "@angular/forms": "8.2.14",
    "@angular/http": "7.2.7",
    "@angular/material": "8.0.1",
    "@angular/material-moment-adapter": "5.0.0-rc.1",
    "@angular/platform-browser": "8.2.14",
    "@angular/platform-browser-dynamic": "8.2.14",
    "@angular/router": "8.2.14"
}

编辑 package.json 后，删除 package-lock.json 和 node_modules 并执行 npm i