2

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

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

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

你看哪个它不能正常工作

例子

更新：

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

4

2 回答 2

2

我对 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

于 2019-12-08T07:56:31.093 回答
1

应用程序模块

import { BidiModule } from '@angular/cdk/bidi';

imports: [...
        BidiModule
    ...]

你的组件

<mat-form-field dir="rtl" appearance="outline">...</mat-form-field>
于 2020-04-03T16:09:58.250 回答