ngBehavior
v1.1.5
ngBehavior is set of AngularJs Directives, which includes items that are used for input validation.
Nuget Link: (ngBehavior)
note
all directives use for <input />
ngBlur
<input type="text" ng-model="fullName" ng-blur="onblur('Maher Ashori')" placeholder="Full Name" />
ngCurrency
<input type="text" ng-model="currencyInput" ng-currency />
ngDatePicker
<div ng-datepicker-language="en">
<input type="text" class="form-control" ng-model="datePicker1" ng-date-picker placeholder="sample 1" />
<input type="text" class="form-control" ng-model="datePicker2" ng-date-picker format="yy/mm/dd" placeholder="sample 2" />
<input type="text" class="form-control" ng-model="datePicker3" ng-date-picker format="yy/mm/dd" change-year="true" change-month="true" placeholder="sample 3" />
<input type="text" class="form-control" ng-model="datePicker4" ng-date-picker format="yy/mm/dd" min-date="2015/03/01" max-date="2015/03/10" placeholder="sample 4" />
<input type="text" class="form-control" ng-model="datePicker5" ng-date-picker format="yy/mm/dd" min-date="2015/03/01" max-date="today" placeholder="sample 5" />
<input type="text" class="form-control" ng-model="datePicker6" ng-date-picker format="yy/mm/dd" months-number="2" placeholder="sample 6" />
<input type="text" class="form-control" ng-model="datePicker7" ng-date-picker format="yy/mm/dd" show-button-panel="true" placeholder="sample 7" />
</div>
- ng-datepicker-language : "en" OR "fa"
ngEnglish
<input type="text" ng-model="englishInput1" ng-english number="true" placeholder="just english with Number" />
<input type="text" ng-model="englishInput2" ng-english number="false" placeholder="just english without Number" />
ngFarsi
<input type="text" ng-model="farsiInput1" ng-farsi number="true" placeholder="just Farsi with Number" />
<input type="text" ng-model="farsiInput2" ng-farsi number="false" placeholder="just Farsi & No number" />
ngFarsi::arabic-to-farsi-word ['ي', 'ی','ك', 'ک']
<input type="text" ng-model="farsiInput3" ng-farsi number="false" arabic-to-farsi-word="true" placeholder="just Farsi & No number & arabic to farsi word" />
<input type="text" ng-model="farsiInput4" ng-farsi number="true" arabic-to-farsi-word="true" placeholder="just Farsi & With number & arabic to farsi word" />
ngFloat
<input type="text" ng-model="floatInput" ng-float number="true" placeholder="type 1.55 OR etc" />
ngFocus
<input type="text" ng-model="firstName" ng-focus="true" placeholder="FirstName" />
<input type="text" ng-model="lastName" ng-focus="onfocus('Ashori')" placeholder="LastName" />
ngInteger
<input type="text" ng-model="code" ng-integer placeholder="just integer" />
ngTimePicker
<ng-time-picker format="24" ng-model="time" time="{{time}}" lang="fa"></ng-time-picker>
- lang="fa OR en" : result > change the input placeholder text
- format="12 OR 24" : result > change format of the time
- $scope.time="12:55:13"
ngLogin
<ng-login username-label="username" password-label="password" input-label="false">
<button ng-click="login()" class="btn btn-info btn-block login">login</button>
</ng-login>
- input-label: boolen
- username-label: Text
- password-label: Text
ngRating
<ng-rating number="8" current-rate="1" icon="fa fa-star-o fa-2x" active-icon="fa fa-star fa-2x" rate-action="controllerFunction"></ng-rating>
- number: int [number of rating]
- icon: "css class or html unicode"
- active-icon: "css class or html unicode"
- rate-action: call action from your controller (see the example)
ngTags
<ng-tags lang="en" set-tags="{{myTags}}"></ng-tags>
- lang: "en" OR "fa"
- set-tags: array EX: ["sample","sample2"]
ngMask
<input type="text" ng-mask="(999) 999-9999" ng-model="phone"/>
- ng-mask: you can set any input format
ngSpinner
<ng-spinner value="{{myTest}}" max="5" min="-1" ng-model="myTest"></ng-spinner>
- value: your default value
- max: maximum value
- min: minimum value