"Einfügen" - Veranstaltung in Eckige [ngPaste]

So führen Sie eine Funktion auf "Einfügen" event-in-Eingangs in Eckigen 1.1.5? Ich weiß, es ist ein ng-change Richtlinie für die Eingabe. Aber es feuert jedes mal, wenn der Eingang ändert, muss ich nur einmal auf die erste einfügen.

Use-case: ich habe eine URL-Eingabe. Ich möchte eine Funktion ausführen, wenn der Benutzer fügt die URL ein. Benutzer können auch manuell die URL eingeben und führen Sie die Funktion durch drücken der EINGABETASTE.

Update: Seit Eckige 1.2.0, ngPaste ist eine native Richtlinie.

warum nicht erstellen Sie eine benutzerdefinierte Richtlinie, die hört auf, wenn der Eingang wird eingefügt?
Sie erstellen eine Richtlinie mit einigen jquery-tricks wie diese stackoverflow.com/questions/686995/jquery-catch-paste-input

InformationsquelleAutor Websirnik | 2013-08-26

28

Seit Eckige 1.2.0 gibt es ein ngPaste Richtlinie. Verwenden Sie die folgende Weise:
```
<input type='text' ng-paste='handlePaste($event)'>
```
Übergeben, sofort, Verwendung:
```
<input type='text' ng-paste='handlePaste($event.clipboardData.getData('text/plain'))'>
```
- FYI es gibt keine $event.clipboardData aber es ist $event.originalEvent
InformationsquelleAutor Websirnik

In der Funktion, die Sie verwenden sollten originalEvent

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

Funktion:

$scope.paste = function (e) {
    console.log(e.originalEvent.clipboardData.getData('text/plain'));
}

Diese tatsächlich funktioniert.

InformationsquelleAutor Levsha

Wollte, um meine Lösung zur Unterstützung von Browsern ohne clipboard-API. Dies sollte auf jedem browser, der Winkel unterstützt.

HTML:

<input type="text" ng-paste="copyPasted($event)">

JS:

$scope.copyPasted = function ($event){
    if(typeof $event.originalEvent.clipboardData !== "undefined"){
        $scope.handlePastedData($event.originalEvent.clipboardData.getData('text/plain'));
    } else { //To support browsers without clipboard API (IE and older browsers)
        $timeout(function(){
            $scope.handlePastedData(angular.element($event.currentTarget).val());
        });
    }
};

Es könnte sein, das richtige (oder mehr vollständige) Antwort!

InformationsquelleAutor Firze

Habe ich die Anwendung dieser Lösung zu desinfizieren, wird der eingefügte text mit einem benutzerdefinierten filter mit Bezug auf die aktuelle Eingangswahl (auch mit Unterstützung von IE11)

JS:

vm.pasteInput = pasteInput;

function pasteInput(ev){
  var pastedData ='';
  var domElement = ev.currentTarget;

  if(typeof ev.originalEvent.clipboardData !== "undefined"){
    pastedData = ev.originalEvent.clipboardData.getData('text/plain');
  } else if(window.clipboardData){
    pastedData = window.clipboardData.getData('Text');
    ev.returnValue = false;
  }

  pastedData = $filter('inputtext')(pastedData);

  //inject in correct position between selection
  if (document.selection) { //IE11
    domElement.focus();
    var sel = document.selection.createRange();
    sel.text = pastedData;
    domElement.focus();
  } else if (domElement.selectionStart || domElement.selectionStart === 0){
    var startPos = domElement.selectionStart;
    var endPos = domElement.selectionEnd;
    domElement.value = domElement.value.substring(0, startPos) + pastedData + domElement.value.substring(endPos, domElement.value.length);
    domElement.focus();
    domElement.selectionStart = startPos + pastedData.length;
    domElement.selectionEnd = startPos + pastedData.length;
  } else {
    domElement.value += pastedData;
    domElement.focus();
  }

  ev.stopPropagation();
  ev.preventDefault();

  //update model
  vm.input.value = domElement.value;

}

HTML:

<input type="text" ng-model="vm.input.value" ng-paste="vm.pasteInput($event)" />

var pastedData = $Fenster.clipboardData.getData('Text'); arbeiten für den IE 11. Es rettete meine Zeit

InformationsquelleAutor Ron Jonk

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.