角度材質matInputの内容を右に揃えます

Question

角度材質の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 }