programing

항상 소수점 2자리 숫자 표시항상 소수점 2자리 숫자 표시

i4 2023. 3. 7. 21:05
반응형

항상 소수점 2자리 숫자 표시

ng-model의 부동값이 있습니다.이 부동값은 항상 소수점 2자리로 표시하고 싶은 값입니다.<input>:

<input ng-model="myNumb" step ="0.01" type="number">

이는 "my Numb"가 10진수일 때 대부분의 경우에 유효합니다.그러나 "my Numb"가 소수점 2자리 미만(3.2) 또는 정수(30)인 경우 소수점 2자리를 강제로 표시하지 않습니다.
어떻게 하면 강제로 소수점 2자리를 표시할 수 있을까요?<input>들판

AngularJS - 소수점 2자리 입력이 도움이 됩니다.필터링:

  1. ng-pattern을 사용하여 입력을 검증하도록 정규 표현을 설정합니다.여기에서는 소수점 2자리 이하의 숫자와 점 구분 기호만 사용할 수 있습니다.
<input type="number" name="myDecimal" placeholder="Decimal" ng-model="myDecimal | number : 2" ng-pattern="/^[0-9]+(\.[0-9]{1,2})?$/" step="0.01" />

이것을 앞으로 읽으면, 다음의 회답 ng-model="myDecimal | number: 2"를 가리켰다.

Angular 2(Angular 4에도 사용할 수 있음)를 사용하는 경우 다음을 사용하여 소수점 두 자리로 반올림할 수 있습니다.{{ exampleNumber | number : '1.2-2' }}예를 들어 다음과 같습니다.

<ion-input value="{{ exampleNumber | number : '1.2-2' }}"></ion-input>

고장

'1.2-2'수단{minIntegerDigits}.{minFractionDigits}-{maxFractionDigits}:

  • 소수점 앞에 최소 1자리가 표시됩니다.
  • 소수점 뒤에 최소 2자리가 표시됩니다.
  • 단, 2자리 이하

크레딧은 이쪽과 이쪽에서 지불하셔야 합니다.

{{value | number : fractionSize}}

맘에 들다{{12.52311 | number : 2}}

그래서 이것은 인쇄될 것이다.12.52

다음과 같이 번호 파이프를 사용합니다.

{{ numberValue | number : '.2-2'}}

위의 파이프는 다음과 같이 동작합니다.

  • 소수점 앞에 1개 이상의 정수 자리 표시(기본값으로 설정)
  • 소수점 뒤에 두 자리 이상의 정수 자리 표시
  • 소수점 뒤에 두 자리 이하의 정수 자리 표시

필터를 사용해 보셨나요?

<input ng-model='val | number: 2'>

https://docs.angularjs.org/api/ng/filter/number

제거할 (@maudulus의 답변)의 다른 줄임말{maxFractionDigits}선택 사항이기 때문에

사용할 수 있습니다.{{numberExample | number : '1.2'}}

소수 자릿수로 반올림하는 가장 좋은 방법은 다음과 같습니다.

a=parseFloat(Math.round(numbertobeRound*10^decimalplaces)/10^decimalplaces);

예를 들어,

numbertobeRound=58.8965896589;

58.90을 원하시면

소수 자릿수는 2입니다.

a=parseFloat(Math.round(58.8965896589*10^2)/10^2);

(Math.round(2.782061*100)/100).toFixed(2);

그러면 소수점 두 자리로 변환됩니다.예: 2.782061 ---> 2.78 소수점 2자리

빈 기호($)와 함께 통화 필터 사용

{{val | currency:''}}

언급URL : https://stackoverflow.com/questions/35513413/display-number-always-with-2-decimal-places-in-input

반응형