Angular Material matInput 内容右对齐

Question

我们如何将 Angular Material 中的 matInput 的输入向右对齐？

我当前的代码:

<mat-form-field>
  <input matInput type="number" id="amount" placeholder="Amount"
    [ngModel]="entry.amount | number :'1.2-2'"
    (ngModelChange)='entry.amount=$event' />
</mat-form-field>

期望的输出:

Answer 1

使用标准的 text-align CSS 属性应该就可以了。

<input matInput class="right">

.right { text-align: right }