angularjs - 固定桁フィルタを返すことは可能ですか?

Question

{{式}}で固定桁数を出力することは可能ですか？

たとえば、カウントダウンするタイマーがあるとします >>> 10、9、8、7、6、... 0。

この出力をフィルタリングして、出力が >>> 10、09、08、07、... 00 になるようにすることは可能ですか。

前もって感謝します。

Answer 1

独自のフィルターを作成できます。TimSPQR のコメントを受け取り、カスタム フィルターを使用して Jsfiddle に追加しました。

angular.module('MyModule', []).filter('digits', function() {
return function(input) {
   if (input < 10) { 
          input = '0' + input;
      }

      return input;
    }
});

HTML での使用法:

Add Leading Zero: {{number|digits}}

ジャスフィドル

数字以外の数字や、すでに先行ゼロで始まる数字を考慮するロジックを追加する必要があることに注意してください。ただし、これで基本的な考え方が得られるはずです。

-乾杯

Answer 2

任意の長さの入力をサポートするには、次のフィルターを使用することをお勧めします (Pointy answer: Pad a number with先行ゼロを JavaScript に基づいて) 。

JS:

angular.module('MyModule', [])    
.filter('digits', function () {
            return function (input, width, leadingChar) {
                leadingChar = leadingChar || '0';
                input = input + '';
                return input.length >= width ? input : new Array(width - input.length + 1).join(leadingChar) + input;
            }
        });

HTML:

<span>{{(number | digits : 2}}</span>