https://github.com/vtex/ng-currency-mask

https://github.com/vtex/ng-currency-mask

srv-oms-ui xp-post-purchase

Last synced: about 1 month ago
JSON representation

• Host: GitHub
• URL: https://github.com/vtex/ng-currency-mask
• Owner: vtex
• Created: 2015-09-29T13:45:14.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2015-10-06T21:32:27.000Z (about 9 years ago)
• Last Synced: 2024-10-16T08:30:58.497Z (3 months ago)
• Topics: srv-oms-ui, xp-post-purchase
• Language: CoffeeScript
• Size: 406 KB
• Stars: 9
• Watchers: 186
• Forks: 4
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Angular Currency Mask

Currency input handler for AngularJS (1.X)

## Usage

#### Reference script

Find both compiled and minified versions inside `dist` folder.

```html

```

#### Inject `vtex.ngCurrencyMask`

```coffeescript

angular.module 'yourApp', ['vtex.ngCurrencyMask']

```

#### Bind directive `currency-mask`

```html

```

*Obs: __ngModel__ is required!*

## How it works

#### Model

 - Expects it to be an `int`, in cents. e.g.: `100` ($ 1), `420` ($ 4,20)

 - Always receive parsed value from view input. e.g.: `'1,250.50' -> 125050`

*Obs: Will parse both `'1.250,50'` and `'1,250.50'` inputs correctly (__i18n__ differences).*

#### View

 - Displays formatted model value (as `string`)

 - Uses `$filter('currency')`, which uses `$locale.NUMBER_FORMATS` configuration (separators, fraction size, etc).

*Obs: Currency symbol is always hidden.*

*Pro tip: For now, if you want to, prepend or append symbol `` to ``.*

## Development - Contribute!

Inside `src` you can find this module source code, written in **CoffeeScript**.

Tests can be found in `spec` folder.

To build the `.js` and uglify it, install npm dev-dependencies and run grunt:

    (sudo) npm i

    grunt