Wie% Symbol zu meinem Textbox Wert hinzufügen

Ich möchte Prozentzeichen zu einem Textfeld Wert hinzufügen, und es sollte nicht zu ng-Modell hinzufügen. Es sollte nur ein Zweck sein. Und auch Sohlen symbol.Ist es mit angularJs oder css möglich. Bitte hilf mir. Das ist mein Beispiel.Wie% Symbol zu meinem Textbox Wert hinzufügen

$scope.percent=response.percent.toFixed(1);

Vielen Dank im Voraus.

Quelle

2017-03-13 Shiva Goud A

kann nicht nur Sie das "%" in der Feldbezeichnung setzen? Warum muss es in der Eingabe selbst sein? – nnnnnn

Aber ich will das "%" mit meinem Wert. Weil Eingabefeld Wert ist Prozent –

Hinzufügen von '%' in Wert wird es bearbeitbar machen. Das bedeutet, dass Sie Fälle behandeln müssen, wenn der Benutzer mehrere "%" hinzufügt oder entfernt. Wenn das für Sie in Ordnung ist, müssen Sie nur '%' zu Ihrer Bereichsvariablen hinzufügen. 'response.percent.toFixed (1) +"% "' – Rajesh

Nun verstehen ich Ihr Problem. Sie benötigen immer ein '%' Symbol. Recht?. Wenn dies der Fall ist, verwenden Sie den folgenden Code.

https://jsfiddle.net/scottux/sxh22hfz/

.filter('percent', function() { 
    return function (input) { 
     if (!input || isNaN(input)) { 
      return; 
     } else { 
      return input + '%'; 
     } 
    };

Quelle

2017-03-24 07:51:43

Was Sie suchen, sind parsers und formatters auf der ngModelController. Mit diesen Optionen können Sie den Wert ngModel bearbeiten, der in der Ansicht angezeigt und im Modell gespeichert wird.

https://docs.angularjs.org/api/ng/type/ngModel.NgModelController# Parser $ https://docs.angularjs.org/api/ng/type/ngModel.NgModelController# Formatierer $

hier ein Plunker Beispiel: http://plnkr.co/edit/y9lLc8gHTrT9bmoOG77u?p=preview

Quelle

2017-03-13 05:24:15 fubar

Können Sie mir bitte ein Beispiel geben –

@RaviKumarRavanam - Ich habe meine Antwort mit einem Beispiel aktualisiert. – fubar

plus 1, Ist es möglich, immer Prozent in der Ansicht zu halten. Ich meine bei der Eingabe –

Wie% Symbol zu meinem Textbox Wert hinzufügen

Antwort

Verwandte Themen