2014-09-30 81 views
0

这是我第一次使用JSFiddle,这也是我第一次尝试Angular。AngularJS不能在JSFiddle中工作

我已经尝试了所有来自其他帖子的建议,但似乎无法获得此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

任何意见是极大的赞赏一个答案。

+2

选择角度1.2.1 – zsong 2014-09-30 02:14:09

+0

第一次..?我建议从一些好的东西开始。 ** [Plunkr](http://plnkr.co/edit/?p=catalogue)**就是其中之一..;)jsBin也不错。这里是一个.. http:// plnkr。 co/edit/oiJwq3295VkvyTGzlfsr?p =预览 – PSL 2014-09-30 02:16:57

回答

0

您的控制台将显示一个错误“undefined是不是一个函数”

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

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

+0

thx @hassassin。那也可以。我尝试了更改角度版本的zsong建议,并且这也起作用。欢呼:) – codemonkeytony 2014-09-30 05:19:22

相关问题