Looking for polymer Keywords? Try Ask4Keywords

polymerVerwendung externer Javascript-Bibliotheken mit Polymer


Einführung

Da alle Webkomponenten einschließlich aller ihrer Abhängigkeiten in sich abgeschlossen sein müssen, würde der Import von Abhängigkeiten durch doppelte Abhängigkeiten schnell zu einem Problem mit Skript-Include werden. Daher verwenden Webkomponenten (und damit auch Polymer) W3C-HTML-Importe zum Verwalten von Komponentenabhängigkeiten. Diese importierten HTML-Dateien können vom Browser zwischengespeichert werden und werden nur einmal geladen.

Die meisten externen Bibliotheken sind noch nicht für HTML-Importe vorbereitet. Glücklicherweise ist das Erstellen des erforderlichen HTML-Wrappers schnell und unkompliziert.

Parameter

Parameter Beschreibung
this.resolveUrl ('../ libraries / turf.js') Löst den Standort Ihrer Bibliothek auf
function () {this.doSomething (argument, anotherArgument);}. bind (this)); Ruf zurück. Dieses Beispiel verwendet eine Schließung, um this.doSomething () wiederherzustellen.

Bemerkungen

In diesem Beispiel wird die in der Komponente verwendete Bibliothek mit der Paketmanager-Bower installiert. Dies ermöglicht die einfache Verteilung einer bibliotheksabhängigen Komponente. Wenn die Bibliothek, die Sie verwenden möchten, nicht über einen Paketmanager verteilt wird, kann sie immer noch auf die gleiche Weise geladen werden. Ihre Komponente erfordert jedoch mehr Aufwand für die Verwendung durch andere.

Das Lazy-Loading-Beispiel verwendet eine einfache Zeichenfolge für den Bibliothekspfad. Wenn man magische String-Konstanten vermeiden möchte, können Pfade mit Hilfe von iron-ajax aus einer JSON-Datei in ein Objekt geladen und bei Bedarf zwischen Komponenten übergeben werden.

Verwendung externer Javascript-Bibliotheken mit Polymer Verwandte Beispiele