Question

这是我第一次使用JSFiddle，这也是我第一次尝试使用Angular。

我已尝试过其他帖子的所有建议，但似乎无法让这个JSFiddle工作。

var partialApp = angular.module("partialApp", []);

partialApp.directive('partialReadonly', function () {
    return {
        restrict: 'A',
        link: function (scope, elem, attrs) {
            elem.on('keypress, keydown', function (event) {
                var readOnlyLength = attrs["partialReadonly"].length;
                if ((event.which != 37 && (event.which != 39))
                    && ((elem[0].selectionStart < readOnlyLength)
                    || ((elem[0].selectionStart == readOnlyLength) && (event.which == 8)))) {
                    event.preventDefault();
                }
            });
            $(window).load(function () {
                elem[0].value = attrs["partialReadonly"];
            });
        }
    };
});

http://jsfiddle.net/codemonkeytony/3ew5h6bf/3/

我将这些放在一起以添加我为此问题提交的答案

Partially read-only textbox

非常感谢任何建议。

Answer 1

您的控制台将显示错误＆＃34; undefined不是函数＆＃34;

你的具体问题是你有elem.on这是一个jQuery的事情。您需要$(elem).on或不同的绑定。

http://jsfiddle.net/3ew5h6bf/8/

AngularJS无法在JSFiddle中工作

1 个答案: