Am 14. September 2017 haben wir eine überarbeitete Fassung unserer Datenschutzrichtlinie veröffentlicht. Wenn Sie video2brain.com weiterhin nutzen, erklären Sie sich mit diesem überarbeiteten Dokument einverstanden. Bitte lesen Sie es deshalb sorgfältig durch.

AngularJS 1.3 Grundkurs

Zwischenspeicher verwenden

LinkedIn Learning kostenlos und unverbindlich testen!

Jetzt testen Alle Abonnements anzeigen
Die Verwendung einer entsprechenden Direktive kopiert Text aus einem Eingabefeld in den Zwischenspeicher und fügt diesen bei Bedarf an anderer Stelle ein.
02:18

Transkript

Ich habe hier für euch ein kleines Beispiel vorbereitet, bei dem ich euch ein Input-Text-Feld zeigen möchte, in dem Text eingetragen werden kann. Und das,was hier besonders ist, ist,dass ich euch die Direktiven hier in diesem Kontext ng-copy, ng-cut und ng-paste vorstellen möchte. Denn mit diesen Direktiven seid ihr wirklich in der Lage, zu eruieren, ob aus diesem Textfeld Daten in den Zwischenspeicher kopiert wurden, beziehungsweise aus dem Textfeld der Text ausgeschnitten und und in den Zwischenspeicher gespeichert wurde, oder ob vielleicht sogar der Text aus einer entfernten Zwischenspeicherung in dieses Textfeld hineingefügt wurde, Letzte ist das beispielsweise eine sehr interessante Geschichte, wenn ihr später mal eine Formular kontrollieren möchtet, und möchtet sicher sein, dass wenn irgendjemand beispielsweise ein Passwort aus dem Zwischenspeicher dann in das Textfeld pastet, dass ihr darauf reagieren könnt. Nun, lasst uns schauen, was bei den jeweiligen Direktiven als Ereignishandler, hier hinterliegt wurde. Das ist einmal captureCopy, captureCut, capturePaste. Im weitesten Sinne wirklich überhaupt gar keine Magie hier. Ich habe drei Methoden hier hinzugefügt, die in diesem Fall hier einfach consol.logs hier hinterlegen sollen. Die eine Console copy ist dann entsprechend der Hinweis, dass die Daten jetzt im Zwischenspeicher sind, cut gibt den Hinweis, dass im Zwischenspeicher sind und der Text ausgeschnitten wurde, und paste, dass aus dem Zwischenspeicher Text hinzugefügt worden ist. Lasst uns das also jetzt einfach mal fix testen! Dann haben wir hier das Textfeld, das wir hier zur Linken entsprechend sehen, und tragen jetzt hier zunächst einmal Text ein. Und das allererste, was wir machen, ist, jetzt hier einfach mal den Wert Unlü in den Zwischenspeicher zu kopieren. Das mache auf dem Macintosh mit dem Comand C oder ctrl+C logischerweise auf das Windowsrechnern. Und hier seht ihr dann, der Wert wurde in den Zwischenspeicher nun kopiert. Ich bin auch in der Lage, dann einfach mit Comand v den Wert dann wieder hineinzufügen. Da sehen wir, dass dann das Einfügen aus dem Zwischenspeicher passiert ist, oder halt auch, einfach alles auszuschneiden. Und dann bekomme ich das Feedback, dass der Text ausgeschnitten wurde. In diesem Video haben wir also die Direktiven ng-copy, ng-cut und ng-paste kennen gelernt, welche Änderungen auf einem Textfeld über den Zwischenspeicher registrieren können.

AngularJS 1.3 Grundkurs

Legen Sie mit AngularJS moderne, anspruchsvolle Webprojekte auf der Basis von HTML, CSS und JavaScript an.

4 Std. 15 min (74 Videos)
Gut
DHBW-Stuttgart
Sehr gutes Tutorial um reinzukommen, jedoch fehlen, meiner Meinung nach, weitere Informationen zu Direktiven. Die Einführung war sehr kurz und ich denke, dass ich mir jetzt weitere Beispiele zu Direktiven suchen muss um diese wirklich zu verstehen.
 
Hersteller:
Software:
AngularJS AngularJS 1.3
Exklusiv für Abo-Kunden
Erscheinungsdatum:19.11.2014

Dieser Online-Kurs ist als Download und als Streaming-Video verfügbar. Die gute Nachricht: Sie müssen sich nicht entscheiden - sobald Sie das Training erwerben, erhalten Sie Zugang zu beiden Optionen!

Der Download ermöglicht Ihnen die Offline-Nutzung des Trainings und bietet die Vorteile einer benutzerfreundlichen Abspielumgebung. Wenn Sie an verschiedenen Computern arbeiten, oder nicht den ganzen Kurs auf einmal herunterladen möchten, loggen Sie sich auf dieser Seite ein, um alle Videos des Trainings als Streaming-Video anzusehen.

Wir hoffen, dass Sie viel Freude und Erfolg mit diesem Video-Training haben werden. Falls Sie irgendwelche Fragen haben, zögern Sie nicht uns zu kontaktieren!