如何在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