Comment ajouter le symbole% dans le texte de type d'entrée html

Question

J'essaie d'ajouter un symbole de pourcentage à un nombre dans la zone de texte en utilisant la méthode pipe.Transform().

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

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

Puis-je utiliser cette méthode pour ajouter simplement % symbole sans le transformer?

Answer 1

Si vous utilisez matériau angulaire, vous pouvez simplement ajouter Suffixe dans l'entrée.

Exemple:

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

Lien vers la documentation ici: https://material.angular.io/components/input/overview