2016-08-03 45 views
-6

Nun, ich wünschte, wir könnten die besten Alternativen zu jQuery für die Verwendung mit AngularJS auflisten, unter Berücksichtigung der Kompatibilität mit AngularJS und der Fähigkeit, die Stile (CSS) zu manipulieren, neben der Möglichkeit, Effekte wie wie fadeIn, fadeOut, slidedown, slideUp usw.Beste Alternativen zu jQuery auf AngularJS

wie auf der Antwort basiert auf folgende Faktoren zu berücksichtigen Kommentar vorschlagen:

  • Kompatibilität mit AngularJS.
  • Umgang mit Stilen.
  • Umgang mit Ereignissen.
  • Effekte
  • ...

Die Idee ist, dass dieser Thread, wenn Alternativen zu jQuery Arbeit mit AngulaJS hilfreich.

+0

jqlite Ring und Glocken? – madalinivascu

+1

Die Idee von AngularJS ist, das DOM nicht direkt zu berühren. –

Antwort

1

tl; dr: Verwendung Winkel für all dies nicht jquery.

Zunächst einmal können Sie (müssen) all dies mit eckigen tun. Oder es hat keinen Sinn, eckig zu verwenden. Ich meine, das ist eine sehr schlechte Übung, um dom direkt zu manipulieren oder andere jquery-ähnliche Sachen zu machen. Angular bietet einen viel moderneren Ansatz für all diese Dinge (über integrierte und benutzerdefinierte Direktiven usw.).

Als zweiter Punkt - was ist los mit Jquery? Sie können jQuery mit eckigen verwenden. Es ist üblich, da einige der Bibliotheken von Drittanbietern eine jQuery-Abhängigkeit haben.

und die letzte - Angular haben eingebaute in jqlite nach innen, so Sie in der Lage sind, auf diese Weise

als Licht weigth Alternativen ein paar Sachen zu tun, die Sie JQuery zeptojs verwenden können. Aber nochmal - das ist komisch. Und ich war mir nicht sicher, wie viel Zepto besser ist als Jqlite.

Und als letzter Punkt - Sie können alles mit pure js tun. Aber Sie sollten daran denken, über die Unterstützung des Browsers zu sprechen

1

Nun, ich würde nur Vanille Javascript verwenden, um die DOM-Manipulation zu tun. Styles und events wäre innerhalb angular möglich.

Und soweit Effekte betroffen sind, kann eine einfache Bibliothek wie animate.css helfen!

kurz So

Kompatibilität mit AngularJS.
- Seine Vanille Javascript so keine Probleme hier

Umgang mit Stilen.- Durch die Behandlung von Stilen, wenn Sie die Verwendung von bedingten Stilen meinen, könnte es durch eck-ng-Klasse

Handhabung DOM erreicht werden.
- Die meisten der DOM-Manipulationen können mit reinem Javascript gehandhabt werden.Wenn Sie noch eine leichte Bibliothek gehen für eine dieser ryejs oder nodelist oder jqlite verwenden, die mit Winkel

Verarbeiten von Ereignissen mitgeliefert wird.
- Da Sie angularJs verwenden werden, nehme ich an, dass Sie das eckige Ereignismodell verwenden würden.


Effekte
- Definitivanimate.css

+0

animate.css danke! –