2015-04-05 82 views
1

我正在尋找一種方法來阻塞粘貼到數字指令中。 我雖然關於阻止所有的粘貼事件,我以前在jQuery中做過,但我沒有做到與角度相同。
這是jQuery代碼,我知道我需要擴展input[number]指令,但我找不到任何擴展此指令的示例。angular type = [number]指令來阻止粘貼

$("input[type='number']").on('paste', function (e) { 
    e.preventDefault(); 
    var value = prompt('set content here'); 
    this.value = (value)?value.replace(/[^\d.-]/g, ''):0; 
}) 

我希望的碼骨架或延伸的輸入[數字]指令,所以我可以爲此porpuse改變的演示。

回答

0

因此,而不是延伸指令,我創造了在它的上面又一個... 希望此舉能幫助任何人誰需要這個解決方案

myApp.directive('input', function() { 
    return { 
     scope: {}, 
     link: function ($scope, $element, $attrs) { 
      if ($attrs.type == 'number') { 
       $element.on('paste', function (e) { 
        e.preventDefault(); 
        var value = prompt('paste content here'); 
        this.value = (value)?value.replace(/[^\d.-]/g, ''):0; 
       }); 
      } 
     } 
    }; 
});