/otp-input-directive

An Input Form Element to enter OTP Number, PIN or split single characters.

Primary LanguageJavaScriptMIT LicenseMIT

otpInputDirective

An Input Form Element to enter OTP Number, PIN or split single characters. Alt Text

Demo Link - http://plnkr.co/edit/eCHuJT?p=preview

Usage

Add angular and otpInputDirective to your code

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.3/angular.min.js"></script>
<script src="otpInputDirective.min.js"></script>
  • Add a dependency to the otpInputDirective module in your application.
angular.module('app', ['otpInputDirective']);

In your HTML:

<div otp-input-directive options="otpInput"></div>

In your Angular Controller:

$scope.otpInput={
            size:6,
            type:"text",
            onDone: function(value){
                console.log(value);
            },
            onChange: function(value){
                console.log(value);
            }
        };