时间戳

首页 > 解决方案 > 带有外观轮廓的 mat-form-field 效果不佳

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

问题描述

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

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

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

你看哪个它不能正常工作

例子

更新：

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

标签： angulartypescriptangular-materialangular8mat-form-field

解决方案

我对 RTL 的达里语（波斯语）也有同样的问题。我能找到的解决方法是将材料版本和与角度相关的包设置为完全匹配，即从 package.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

推荐阅读