AngularJS 1.3 Grundkurs

jQuery einbinden

LinkedIn Learning kostenlos und unverbindlich testen!

Jetzt testen Alle Abonnements anzeigen
Dieses Video erläutert die Vorgehensweise, um die JavaScript-Bibliothek jQuery in die AngularJS-Umgebung einzubinden.
02:00

Transkript

Solltet ihr innerhalb eurer Anwendung auf jQuery nicht verzichten können, beziehungsweise jQuery benötigen, so könnt ihr natürlich AngularJS mit jQuery kombinieren. jQuery-Light ist hier schon Bestandteil von AngularJS, und wenn ich jetzt hier mal innerhalb meines Usercontrollers auf das Element zurückgreife und mal via "console.log" "Dollar element" ausgeben lasse, dann werden wir auch sehen, dass dann entsprechend hier die Information kommt, dass es sich hier um ein Element handelt innerhalb des ersten Objektes ist dann entsprechend das jQuery Lightobjekt dann zu finden, dass wir hier per Dependency injection hineinbekommen haben. Dieses Dollar Element hat aber nur sehr beschränkte Mittel. Es ist ja auch eben wie das Wort schon sagt Light, und wenn ihr nun das in Anführungszeichen echte jQuery nutzen wollt, müsst ihr lediglich darauf achten, dass ihr die jQuery Bibliothek ladet, bevor ihr Angular selber geladen habt. Das heißt, ihr ladet jQuery quasi vor der eigentlichen Angular-Bibliothek. Ich hole mir das hier fix mal vom CDN, und wenn ich mir diesmal jetzt anschaue, was passiert, dann seht ihr dann auch, dass auch mein "Konsolenlog" auch ganz klar sagt, hey, wir haben hier ein "jquery 2.1.0" an dieser Stelle, dass ihr verwendet, und das Objekt ist dann quasi jQuery konform. Zusätzlich möchte ich jetzt noch hingehen und möchte ich euch auch zeigen, dass ich jetzt auf die jQuery Methoden zurückgreifen kann, und dafür werde ich mir dieses Element hier fix fragen und sagen: hey, erstmal möchte ich, dass du unsichtbar wirst, und anschließend möchte ich, dass du dich einfadest. "fadeIn", so, testen wir das Ganze noch mal, sehen wir dann wunderbar, dass das "fadeIn" hier funktioniert hat. Das heißt, ich habe in diesem Projekt ohne große Probleme nun auch jQuery miteingebunden. Und, nur noch mal zur Erinnerung, damit ihr das machen könnt, muss die jQuery-Library geladen werden, noch bevor Angular geladen wurde. In diesem Video haben wir also gelernt, wie Jquery und Angular kombinierbar sind.

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)
Derzeit sind keine Feedbacks vorhanden...
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!