복붙노트

[ANGULAR] 간단한 파이프로 소수점 2 자리로 제한하십시오

ANGULAR

간단한 파이프로 소수점 2 자리로 제한하십시오

해결법


  1. 1.통화 파이프는 숫자 서식에 대해 내부적으로 번호를 사용합니다. 따라서 다음과 같이 사용할 수 있습니다.

    통화 파이프는 숫자 서식에 대해 내부적으로 번호를 사용합니다. 따라서 다음과 같이 사용할 수 있습니다.

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

  2. 2.이제는 앵귤러 5시 이제 다를 것입니다 :

    이제는 앵귤러 5시 이제 다를 것입니다 :

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

  3. 3.그것은 일이다

    그것은 일이다

    .ts -> pi = 3.1415
    
    .html -> {{ pi | number : '1.0-2' }}
    
    Ouput -> 3.14
    

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

    이것은 나를 위해 일합니다 !!! 감사!!


  4. 4.

    {{ orderTotal | number : '1.2-2'}}
    
    //output like this
    
    // public orderTotal = 220.45892221
    
    //   {{ orderTotal | number : '1.2-2'}} 
    
    // final Output
    //  220.45
    
  5. from https://stackoverflow.com/questions/38456114/limit-to-2-decimal-places-with-a-simple-pipe by cc-by-sa and MIT license