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-alignCSS 属性应该可以正常工作。

<input matInput class="right">

.right { text-align: right }