Laden von externen Modulen (Third-Party-Bibliotheken) in Angularjs

Question

Bis vor kurzem habe ich meine js-Anwendungen mit Backbone-js entwickelt.

Jetzt möchte ich Angular-js zum ersten Mal verwenden.

In meinen backbone-js apps habe ich requestejs verwendet, um jede Bibliothek von Drittanbietern zu laden, damit meine App organisiert und sauber bleibt.

Wenn ich jetzt mit angular herumspiele, sehe ich, dass sie in vielen Beispielen <script> verwenden, um diese Module zu laden.

Gibt es eine saubere Möglichkeit, Module zu laden, ohne dieses <script>-Tag zu verwenden? und weiterhin eckig funktionieren wie erwartet? Ist es üblich, require-js für angularjs-Apps zu verwenden? oder gibt es alternative?

Danke.

Answer 1

Sie brauchen nicht benötigen, da Sie eine eingebaute Abhängigkeit Injektion Mechanismus haben. Um 3rd-Party-Bibliotheken zu verwenden, müssen Sie 3 Dinge tun:

1. Verwenden Bibliotheken, die mit Winkeln kompatibel sind, um mit dem Digest Zyklus synchronisiert werden. Die meisten der gebräuchlichen Bibliotheken haben ein kantiges Modul, das ihren Code einkapselt.

2. Fügen Sie diese Module zu Ihrer App hinzu. Sie können jede Bibliothek explizit mit einem eigenen Skript-Tag versehen oder Sie können ein Bündel aller Ihrer Bibliotheken erstellen und nur dieses einschließen.

3. Erklären Sie die Verwendung dieses Moduls, wenn Sie Ihre App und Ihr Modul erstellen.

Answer 2

Angular verwendet die so genannte Abhängigkeitsinjektion für Module. Hier ist die Dokumentation: https://docs.angularjs.org/guide/module

Answer 3

Sie könnten https://github.com/substack/node-browserify#usage

Der Nachteil sehen wollen, ist Ihnen eine „kompilieren Phase“, um Ihren Build-Prozess werden einzuführen.

Das Plus ist die npm-Integration.

Sie müssen noch die „Winkel Art und Weise“ folgen, um Abhängigkeiten zu injizieren, mit browserify Sie wenig noch schön puses haben werden https://blog.codecentric.de/en/2014/08/angularjs-browserify/

Hoffe, es hilft.