ng-input-filter
v0.6.5
Published
Input Filter library (Number & Alphabet For Persian & English Language) For AngularJS
Downloads
6
Maintainers
Readme
ngInputFilter
Input Filter library (Number & Alphabet For Persian & English Language) For AngularJS.
Number Filter :
Only Allow Numeric Values.
Alphabet Filter :
Any Values Are Allowed But Returns Valid/InValid Status And Synced With Ng-Message.
Getting started
To install ngInputFilterNumber use npm
npm install ng-input-filter --save
The first way
Inject the ngInputFilter
to your angular-application module.
import {ngInputFilter} from "ng-input-filter";
var app = angular.module('myApp', ['ngInputFilter']);
The second way
inject ngInputFilterNumber
or ngInputFilterAlpha
to your angular-application As a directive.
var app = angular.module('myApp', []);
import {ngInputFilterNumber} from "ng-input-filter";
ngModule.directive("ngInputFilterNumber", ngInputFilterNumber);
import {ngInputFilterAlpha} from "ng-input-filter";
ngModule.directive("ngInputFilterAlpha", ngInputFilterAlpha);
Docs
Number directive
- Integer (positive only):
<input type="text" ng-model="self.myModel"
ng-input-filter-number="uint">
- Integer (positive and <= 500):
<input type="text" ng-model="self.myModel"
ng-input-filter-number="longInt" long-int="80">
- Integer (both positive and negative):
<input type="text" ng-model="self.myModel"
ng-input-filter-number="int">
- Floating point (use . or , as decimal separator):
<input type="text" ng-model="self.myModel"
ng-input-filter-number="float">
Alphabet directive
- English Alphabet:
<input type="text" ng-model="self.myModel"
ng-input-filter-alphabet="englishAlphabet">
- English:
<input type="text" ng-model="self.myModel"
ng-input-filter-alphabet="english">
- Persian Alphabet:
<input type="text" ng-model="self.myModel"
ng-input-filter-alphabet="persianAlphabet">
- Persian:
<input type="text" ng-model="self.myModel"
ng-input-filter-alphabet="persian">
- Persian With English Number:
<input type="text" ng-model="self.myModel"
ng-input-filter-alphabet="persianWithEnglishNumber">
- Persian And English Alphabet:
<input type="text" ng-model="self.myModel"
ng-input-filter-alphabet="persianAndEnglishAlphabet">
When you Want To Handle Error Text Messages With Ng-Messages
<div ng-messages="formName.inputName.$error">
<div ng-message="inputFilterAlphabet">
Your Text For Invalid
</div>
</div>
Feedback, Feature requests, and Bugs
All are welcome on the issue tracker.