テキストボックスの値に％symbolを追加する方法

テキストボックスの値にパーセントシンボルを追加したいのですが、ng-modelに追加しないでください。それは目の下だけの目的でなければならない。そして、靴底のシンボルも。それはangularJsまたはCSSでも可能です。私を助けてください。これは私の例です。テキストボックスの値に％symbolを追加する方法

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

ありがとうございます。

出典

2017-03-13 Shiva Goud A

は、あなただけのフィールドラベルに "％" を置くことができませんか？なぜそれは入力そのものにある必要がありますか？ – nnnnnn

しかし、私は自分の値で "％"を入力します。入力フィールドの値がパーセントであるので –

値に '％'を追加すると編集可能になります。これは、ユーザーが複数を追加したり、すべての '％ 'を削除した場合に対処する必要があることを意味します。これで問題がなければ、スコープ変数に '％'を追加するだけです。 'response.percent.toFixed（1）+"％ "' – Rajesh

は、まあ、私はあなたの問題を理解していました。常に '％'記号が必要です。右？。その場合は、次のコードを使用します。

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

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

出典

2017-03-24 07:51:43