ngx currency 다운로드 ngx currency 소스 코드 다운로드

ngx currency

타사 구성 요소

v18.0.0

다운로드

ngx-currency

데모

https://nbfontana.github.io/ngx-currency/

에 대한

시작하기

설치 및 가져 오기

명령별로 패키지 설치 :

    npm install ngx-currency --save

지침을 가져 오십시오

 import { NgxCurrencyDirective } from "ngx-currency" ;

@ Component ( {
  standalone : true ,
  selector : "app-root" ,
  templateUrl : "./app.component.html" ,
  imports : [ NgxCurrencyDirective ] ,
} )
export class AppComponent { }

사용

 < input type =" tel " currencyMask formControlName =" value " />

ngModel 유형 번호의 속성. '$ 25.63' 이 표시되면 속성은 '25.63' 입니다.

옵션

옵션을 설정할 수 있습니다 ...

 <!-- example for pt-BR money -->
< input [currencyMask] =" { prefix: 'R$ ', thousands: '.', decimal: ',' } " formControlName =" value " />

사용 가능한 옵션 :

align - 입력의 텍스트 정렬. (기본값 : right )
allowNegative true 인 경우 음수 값을 입력 할 수 있습니다. (기본값 : true )
decimal - 소수의 분리기 (기본값 : '.' )
precision - 소수점 자리 수 (기본값 : 2 )
prefix -Money Prefix (기본값 : '$ ' )
suffix - 머니 접미사 (기본값 : '' )
thousands -SERMOUSOR의 분리기 (기본값 : ',' )
nullable -TRUE가되면 깨끗한 필드의 값은 null 됩니다. 거짓 값이 0 됩니다.
min - 최소값 (기본값 : undefined )
max 최대 값 (기본값 : undefined )
inputMode 사용자를 입력 할 때 숫자를 처리하는 방법을 결정합니다 (기본값 : Financial )

입력 모드 :

Financial - 숫자는 최고 정밀 소수점에서 시작합니다. 숫자를 입력하면 숫자가 남아 있습니다. 소수점 문자는 무시됩니다. 대부분의 금전 등록기는 이런 식으로 작동합니다. 예를 들어:
- '12' 입력하면 '0.12' 가 발생합니다.
- '1234' 입력하면 '12.34' 결과
- '1.234' 입력 '12.34' 입력
Natural - 숫자는 소수점의 왼쪽에서 시작합니다. 소수점 교대 수의 왼쪽에 숫자를 입력하는 것; 소수점 오른쪽에 입력하면 다음 번호가 대체됩니다. 대부분의 텍스트 입력 및 스프레드 시트가 이런 식으로 작동합니다. 예를 들어:
- '1234' 입력하면 '1234' 결과
- '1.234' 입력하면 '1.23' 이 나타납니다.
- '12.34' 입력 '12.34' 입력
- '123.4' 입력하면 '123.40' 이 나타납니다.

전 세계적으로 옵션을 설정할 수도 있습니다 ...

 import { provideEnvironmentNgxCurrency , NgxCurrencyInputMode } from 'ngx-currency' ;

bootstrapApplication ( AppComponent , {
  providers : [
    ...
    provideEnvironmentNgxCurrency ( {
      align : "right" ,
      allowNegative : true ,
      allowZero : true ,
      decimal : "," ,
      precision : 2 ,
      prefix : "R$ " ,
      suffix : "" ,
      thousands : "." ,
      nullable : true ,
      min : null ,
      max : null ,
      inputMode : NgxCurrencyInputMode . Financial ,
    } ) ,
    ...
  ] ,
} ) . catch ( ( err ) => console . error ( err ) ) ;