First, install it.
ember install ember-text-mask
Then, use it as follows:
Add the following markup to your template to render a masked input component.
In the template's controller, specify a mask
.
import Ember from 'ember';
export default Ember.Controller.extend({
mask: ['(', /[1-9]/, /\d/, /\d/, ')', ' ', /\d/, /\d/, /\d/, '-', /\d/, /\d/, /\d/, /\d/]
});
For more information about the attributes that the masked-input
component accepts, see the documentation here.
To see an example of the code running, follow these steps:
- Clone the repo,
git clone [email protected]:text-mask/text-mask.git
cd text-mask/ember
npm install
bower install
ember server
- Open http://localhost:4200
You should have a working demo.
Public domain - CC0 1.0 Universal