https://nbfontana.github.io/ngx-currency/
Install the package by command:
npm install ngx-currency --save
Import the module
import { NgxCurrencyModule } from "ngx-currency";
@NgModule({
imports: [
...
NgxCurrencyModule
],
declarations: [...],
providers: [...]
})
export class AppModule {}
ngModel
An attribute of type number. If is displayed '$ 25.63'
, the attribute will be '25.63'
.You can set options...
Available options:
align
- Text alignment in input. (default: right
)allowNegative
- If true
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: ','
)nullable
- when true, the value of the clean field will be null
, when false the value will be 0
You can also set options globally...
import { NgxCurrencyModule } from "ngx-currency";
export const customCurrencyMaskConfig = {
align: "right",
allowNegative: true,
allowZero: true,
decimal: ",",
precision: 2,
prefix: "R$ ",
suffix: "",
thousands: ".",
nullable: true
};
@NgModule({
imports: [
...
NgxCurrencyModule.forRoot(customCurrencyMaskConfig)
],
declarations: [...],
providers: [...],
bootstrap: [AppComponent]
})
export class AppModule {}
Input not working on mobile keyboard
Input focus get hide by the mobile keyboard
on HTML
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);
}
npm install
while current directory is this repoRun 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