CurrencyInputComponent

CurrencyInputComponent

A form input control which displays currency in decimal format, whilst working with the integer cent value in the background.

Example

<vdr-currency-input
    [(ngModel)]="entityPrice"
    [currencyCode]="currencyCode"
></vdr-currency-input>

Signature

class CurrencyInputComponent implements ControlValueAccessor, OnInit, OnChanges, OnDestroy {
  @Input() disabled = false;
  @Input() readonly = false;
  @Input() value: number;
  @Input() currencyCode = '';
  @Output() valueChange = new EventEmitter();
  prefix$: Observable<string>;
  suffix$: Observable<string>;
  hasFractionPart = true;
  onChange: (val: any) => void;
  onTouch: () => void;
  _inputValue: string;
  constructor(dataService: DataService, changeDetectorRef: ChangeDetectorRef)
  ngOnInit() => ;
  ngOnChanges(changes: SimpleChanges) => ;
  ngOnDestroy() => ;
  registerOnChange(fn: any) => ;
  registerOnTouched(fn: any) => ;
  setDisabledState(isDisabled: boolean) => ;
  onInput(value: string) => ;
  onFocus() => ;
  writeValue(value: any) => void;
}

Implements

  • ControlValueAccessor
  • OnInit
  • OnChanges
  • OnDestroy

Members

disabled

property
type:

readonly

property
type:

value

property
type:
number

currencyCode

property
type:

valueChange

property
type:

prefix$

property
type:
Observable<string>

suffix$

property
type:
Observable<string>

hasFractionPart

property
type:

onChange

property
type:
(val: any) => void

onTouch

property
type:
() => void

_inputValue

property
type:
string

constructor

method
type:
(dataService: DataService, changeDetectorRef: ChangeDetectorRef) => CurrencyInputComponent

ngOnInit

method
type:
() =>

ngOnChanges

method
type:
(changes: SimpleChanges) =>

ngOnDestroy

method
type:
() =>

registerOnChange

method
type:
(fn: any) =>

registerOnTouched

method
type:
(fn: any) =>

setDisabledState

method
type:
(isDisabled: boolean) =>

onInput

method
type:
(value: string) =>

onFocus

method
type:
() =>

writeValue

method
type:
(value: any) => void