항상 소수점 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자리 입력이 도움이 됩니다.필터링:
- 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
'programing' 카테고리의 다른 글
하위 테마의 워드프레스 하위 테마 (0) | 2023.03.07 |
---|---|
웹사이트 스타일시트 복사로 법적 문제가 생길 수 있나요? (0) | 2023.03.07 |
복잡한 콘텐츠 필터를 작성하는 가장 효율적인 방법은 무엇입니까? (0) | 2023.03.07 |
Spring Boot 테스트 클래스는 애플리케이션 컨텍스트를 재사용하여 테스트 실행을 고속화할 수 있습니까? (0) | 2023.03.07 |
판다들은 네스트된 json을 읽는다. (0) | 2023.03.07 |