Отключить функцию вырезания, копирования и вставки для текстового поля с помощью AngularJs

Question

Я хочу отключить копирование вставить в текстовой области, используя angularJs. Я попытался сделать это с помощью ng-paste, вот так:

контроллер:

  angular.module('inputExample', [])
  .controller('ExampleController', ['$scope', function($scope) {

  $scope.val = '1';
  $scope.past = function() {

    console.log("d");
    $scope.val ="  ";

  }
}]);

HTML:

<input ng-paste="past()" ng-model="val" ng-pattern="/^\d+$/" name="anim" class="my-input" />

Поле ввода содержит старые данные (начальные данные вставки).

Блокирующая вставка работает второй раз, то есть если я вставлю данные в поле ввода, данные будут присутствовать, но при второй вставке данные не будут вставлены, но старое значение данных не будет удалено.

Answer 1

Попробуйте сделать директиву, которая слушает cut, copy, а также paste события, а затем предотвратить действие по умолчанию события.

app.directive('stopccp', function(){
    return {
        scope: {},
        link:function(scope,element){
            element.on('cut copy paste', function (event) {
              event.preventDefault();
            });
        }
    };
});

Используйте, добавив атрибут в поле ввода.

<input stopccp ng-model="val" />

Plunker

Вы также можете использовать ng-copy, ng-cut а также ng-paste директивы и непосредственно отменить мероприятие.

<input ng-cut="$event.preventDefault()" ng-copy="$event.preventDefault()" ng-paste="$event.preventDefault()" ng-model="val" />

Plunker

Answer 2

Самый простой способ:

<input ng-paste="$event.preventDefault();" placeholder='You cannot past here'>

Работаю здесь

Answer 3

Try this;

 <input type="text" ng-paste="paste($event)" ng-model="name"/>

В контроллере

 app.controller('MainCtrl', function($scope) {
    $scope.name = 'World';
    $scope.paste = function(e){
       e.preventDefault();
       return false
    }
 });

Answer 4

Ты можешь сделать это

app.controller('MainCtrl', function($scope, $timeout) {....
.......
$scope.past = function() {
   $timeout(function() {
      $scope.val = " ";
   }, 0);
}...

вот демо плункер