如何在Angular Material的textarea中使用`dir =“ auto”`？

Question

正常textarea的工作示例

如果您有此代码：

<textarea dir="auto"></textarea>

然后您开始写阿拉伯语，您会发现文本应该自动右对齐。

Angular Material的textarea

的非工作示例

<mat-form-field appearance="outline">
  <mat-label>Post</mat-label>
  <textarea dir="auto" matInput></textarea>
</mat-form-field>

不幸的是，如果您开始写阿拉伯语，则该文本将保持左对齐：（

问题

所以，问题是：如何将dir="auto"与Angular Material的textarea一起使用？还是当用户开始自动书写阿拉伯语时如何在Angular Material的textarea中使文本右对齐？

Answer 1

以前，我什至无法使dir="rtl"与Angular Material的textarea一起使用。但是感谢the example in this GitHub issue，似乎可以通过在父表单上设置dir="rtl"来实现。

因此，也许暂时的解决方法是，使form的{​​{1}}属性从成员变量中获取其值，并从用户那里获取该变量的值，或者根据第一个dir中的字符或其他内容。

但是，不是完美的解决方案，我希望有人有更好的解决方案。但这部分地回答了我的问题，所以我将把它留在这里，以防其他人也可以解决。