https://nbfontana.github.io/ngx-currency/
Install the package by command:
npm install ngx-currency --save-dev
Import the module
import { NgxCurrencyModule } from "ngx-currency";
@NgModule({
imports: [
...
NgxCurrencyModule
],
declarations: [...],
providers: [...]
})
export class AppModule {}
<input currencyMask [(ngModel)]="value" />
ngModel
An attribute of type number. If is displayed'$ 25.63'
, the attribute will be'25.63'
.
You can set options...
<!-- example for pt-BR money -->
<input currencyMask [(ngModel)]="value" [options]="{ prefix: 'R$ ', thousands: '.', decimal: ',' }"/>
Available options:
align
- Text alignment in input. (default:right
)allowNegative
- Iftrue
can input negative values. (default:true
)decimal
- Separator of decimals (default:'.'
)precision
- Number of decimal places (default:2
)prefix
- Money prefix (default:'$ '
)suffix
- Money suffix (default:''
)thousands
- Separator of thousands (default:','
)
You can also set options globally...
import { NgxCurrencyModule } from "ngx-currency";
import { CurrencyMaskConfig, CURRENCY_MASK_CONFIG } from "ngx-currency/src/currency-mask.config";
export const CustomCurrencyMaskConfig: CurrencyMaskConfig = {
align: "right",
allowNegative: true,
allowZero: true,
decimal: ",",
precision: 2,
prefix: "R$ ",
suffix: "",
thousands: "."
};
@NgModule({
imports: [
...
NgxCurrencyModule
],
declarations: [...],
providers: [
{ provide: CURRENCY_MASK_CONFIG, useValue: CustomCurrencyMaskConfig }
],
bootstrap: [AppComponent]
})
export class AppModule {}
Input not working on mobile keyboard
<!-- Change the type to 'tel' -->
<input currencyMask type="tel" [(ngModel)]="value" />
Input focus get hide by the mobile keyboard
on HTML
<!-- Change the type to 'tel' -->
<input currencyMask type="tel" [(ngModel)]="value" [id]="'yourInputId' + index" (focus)="scrollTo(index)" />
on .ts
import { Content } from 'ionic-angular';
export class...
@ViewChild(Content) content: Content;
scrollTo(index) {
let yOffset = document.getElementById('yourInputId' + index).offsetTop;
this.content.scrollTo(0, yOffset + 20);
}
- Install Node.js and NPM
- Install local dev dependencies:
npm install
while current directory is this repo
Run npm start
or npm run demo
to start a development server on port 8000 with auto reload + tests.
Run npm test
to run tests once or npm run test:watch
to continually run tests.
MIT @ Neri Bez Fontana