2014-09-30 53 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