Angular 材质的 RTL 进度条

【问题标题】：RTL progress bar for Angular MaterialAngular 材质的 RTL 进度条
【发布时间】：2017-12-02 18:44:59
【问题描述】：

如何更改 RTL 语言的 Angular Material 进度条的方向？

有一个css翻译功能需要破解，但我不知道怎么做。

【问题讨论】：

【解决方案1】：

作为更新，在 Material 7.3.6 中使用 'dir' 属性似乎“正常工作”。

<mat-progress-bar value="90" dir="rtl"></mat-progress-bar>

【讨论】：

【解决方案2】：

您可以使用以下代码通过 CSS 手动覆盖它：

::ng-deep .mat-progress-bar[dir='rtl'],
:host-context([dir='rtl']) ::ng-deep .mat-progress-bar {
  transform: none;
}

一旦我找到更好的方法，我会通知你

【讨论】：