javascript - Angular JS 的 IOS pin 用户界面

Question

我的应用程序需要这样的用户界面。如何仅使用 Angular JS 来实现此功能。

Answer 1

我为 otp 输入创建了一个与此类似的指令。这是针对 Angular 1 的

OTP Input Directive

在 Controller 中:

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

在 HTML 中:

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

这是相同的 plunker:

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