AngularJs Custom指令没有绑定" textarea"

时间:2017-10-19 11:24:31

标签: javascript jquery angularjs

我制作了一个自定义指令来防止输入密钥。它只适用于"输入"元素,但它没有约束" textarea"。 这是我的js

function inputFocus() {
    return {
        restrict: 'E',
        require: '?ngModel',
        link: function ($scope, elem, attrs) {
            elem.bind('keydown', function (event) {
                var code = event.keyCode || event.which;
                if (code === 13) {
                    $scope.$apply(function () {
                        $scope.$eval(attrs.inputFocus);
                    });
                     event.preventDefault();
                }
            });
        }
    }
}

<textarea class="form-control" name="UserName" maxlength="50" rows="2" 
          ng-model="UserName" tabindex="2" required>
</textarea>

1 个答案:

答案 0 :(得分:0)

我问你的问题我发现了我的错误:) 我通过&#34;输入&#34;给出指令名称。以便它与所有输入元素绑定。所以,还必须将它与&#34; textarea&#34;喜欢

angular.module('apanelApp').directive('textarea', inputFocus);

感谢大家的回复。