AngularJS filter for display values with custom masks.
With Bower
-
Install the dependency:
bower install display-mask --save
-
Add ngMask.min.js to your code:
<script src='bower_components/displayMask/display-mask.min.js'></script>
-
Include module dependency:
angular.module('yourApp', ['displayMask']);
-
Add displayMask plugin after your AngularJS.
<script src="angular.min.js"></script> <script src="display-mask.min.js"></script>
-
Add displayMask module dependency to your app.
angular.module('yourApp', ['displayMask']);
-
Use the avaiable patterns to create your mask. Set the mask attribute.
<span>{{'01234567890' | mask:'999.999.999-99'}}</span>
//012.345.678-90
- "/" isn't a pattern. It's considered a divisor. Every divisor is automatically written by ngMask. Check all available patterns here.