Загрузка ngx currency - загрузка исходного кода ngx currency

ngx currency

Сторонние компоненты

v18.0.0

Скачать

ngx-crurrance

Демо

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

О

Начиная

Установка и импорт

Установите пакет по команде:

    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 - Prefix Money (по умолчанию: '$ ' )
suffix - суффикс денег (по умолчанию: '' )
thousands - разделитель тысяч (по умолчанию: ',' )
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 ) ) ;

Разработка

Подготовьте окружающую среду

Установить node.js и npm
Установите локальные зависимости Dev: npm install , в то время как текущий каталог - это репо

Сервер разработки

Запустите npm start запустить сервер разработки.

Тестирование

Запустите npm test , чтобы запустить тесты

При запуске в браузере Chrome вы можете установить точки останова кода для отладки тестов, используя эти инструкции:

На главной странице браузера Karma нажмите кнопку Debug , чтобы открыть окно отладки
Нажмите ctrl + shift + i , чтобы открыть инструменты разработчика Chrome
Нажмите ctrl + p , чтобы найти файл для отладки
Введите имя файла, например, input.handler.ts и нажмите на файл
В файле нажмите на номер строки, чтобы установить точку останова
Обновить окно браузера, чтобы повторно запустить тесты и остановиться на точке останова