如何在html輸入類型文本中添加％符號

Question

我試圖使用pipe.Transform()方法將百分號追加到文本框中的數字。

<Input type="text" [(ngModel)]="value"> 

let test=12345; 
this.value=this.percentPipe.transform(test,'1.0-3'); 

我可以用這個方法只需添加%符號，而轉變呢？

Answer 1

如果使用角材料，然後就可以簡單地在輸入加後綴。

例子：

<form class="example-form"> 
    <md-input-container class="example-full-width"> 
     <input type="number" mdInput> 
     <span mdSuffix *ngIf="showPercentSymbol">%</span> 
    </md-input-container> 
</form> 

鏈接到這裏的文檔：https://material.angular.io/components/input/overview