Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

otp-input-directive

amstel91107MIT1.0.0

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

readme

otpInputDirective

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

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);
            }
        };