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 proprty应该可行。

<input matInput class="right">

.right { text-align: right }