programing

단순 파이프로 소수점 2자리까지 제한합니다.

showcode 2023. 4. 25. 23:49
반응형

단순 파이프로 소수점 2자리까지 제한합니다.

숫자를 소수점 2자리 숫자로 제한하고 숫자를 통화 금액으로 변환하는 예를 발견했습니다(예: £2.55).

{{ number | currency : 'GBP' : true : '1.2-2'}}

통화를 적용하지 않아도 같은 기능을 하는 간이 파이프가 있나요?

통화 파이프는 내부적으로 숫자 형식에 사용됩니다.따라서 다음과 같이 사용할 수 있습니다.

{{ number | number : '1.2-2'}}

효과가 있습니다.

.ts -> pi = 3.1415

.html -> {{ pi | number : '1.0-2' }}

Ouput -> 3.14
  1. 소수점이 있으면 하나만 표시합니다.
  2. 소수점 두 개가 있으면 둘 다 표시됩니다.

https://stackblitz.com/edit/angular-e8g2pt?file=src/app/app.component.html

이거면 돼요!!!고마워요!!

이제 각도가 5가 지나면 달라질 것입니다.

{{ number | currency :'GBP':'symbol':'1.2-2' }}

간단한 해결책입니다.

{{ orderTotal | number : '1.2-2'}}

//output like this

// public orderTotal = 220.45892221

//   {{ orderTotal | number : '1.2-2'}} 

// final Output
//  220.45

언급URL : https://stackoverflow.com/questions/38456114/limit-to-2-decimal-places-with-a-simple-pipe 입니다.

반응형