AngularJS x-editable :仅接受数字输入

Question

我想有一个在角度x-可编辑的输入字段，它只接受数字输入。当您单击可编辑图元时，我想修改此部分。但是我找不到它。这来自于

​

​

我想用ng-keydown来验证，我想把它插入到这个里面，但是我不知道怎么做。请帮帮我！

谢谢!

Answer 1

要让角度x可编辑的输入只接受数字字符，可以使用editable-number

请从官方网站查看此演示中的数字字段：http://vitalets.github.io/angular-xeditable/#html5-inputs

这里：http://jsfiddle.net/NfPcH/82/

Answer 2

我能够解决我的问题。我编辑了xeditable.js

您可以在xeditable.js中搜索此部分

self.inputEl.addClass('editable-input');
self.inputEl.attr('ng-model', '$data');

我添加了这部分

self.inputEl.attr('ng-keydown', 'editableKeydown($event)');

JS of editableKeydown($event)

$scope.editableKeydown = function ($event) {
    if ($.inArray($event.keyCode, [46, 8, 9, 27, 13, 110, 190]) !== -1 ||
        // Allow: Ctrl+A
        ($event.keyCode == 65 && $event.ctrlKey === true) ||
        // Allow: home, end, left, right
        ($event.keyCode >= 35 && $event.keyCode <= 39)) {
        // let it happen, don't do anything
        return;
    }
    // Ensure that it is a number and stop the keypress
    if (($event.shiftKey || ($event.keyCode < 48 || $event.keyCode > 57)) && ($event.keyCode < 96 || $event.keyCode > 105)) {
        $event.preventDefault();
    }

    global.editableCount = global.editableCount + 1;
    if (global.editableCount > 5) {
        $event.preventDefault();
    }
};

注意: global.editableCount是从另一个js文件中声明的。我在javascript，jquery和angular方面还是个初学者，所以我的代码还不够完善。但这一次成功了。我能够使角度x可编辑的输入只接受数字字符。