/ / Laden von jQuery nach AngularJS (statt vorher) - jquery, angularjs, performance, mobile

Laden von jQuery nach AngularJS (statt vorher) - jquery, angularjs, performance, mobile

Um angle.element auf jQuery anstatt auf jQLite zeigen zu können, muss jQuery vor Angular im Seitenkopf geladen werden.

Aus Performancegründen (besonders aufmobile Geräte) wäre es schön, wenn es möglich wäre, jQuery nach dem Laden von AngularJS zu laden. Die jQuery-Bibliothek ist relativ groß, so dass der "über dem Inhalt liegende" Inhalt von jQuery lite abhängt und jQuery nach Angular asynchron geladen wird, würde eine Leistungssteigerung bewirken.

Ich denke, es wäre möglich, wenn Angular seine bindJquery-Funktion und sein JQLitePrototype-Objekt offen legen würde.

Irgendwelche Ideen wie man das macht ohne den Angular Kern zu berühren?

Antworten:

3 für die Antwort № 1

Sie können den JQLite-Prototyp nach dem Laden von jQuery manuell erweitern:

angular.extend(angular.element.prototype, jQuery.fn);

Da dies jedoch keine Verwendung von istjQuery mit Angular kann zu unerwünschten Problemen führen. Aber wenn Sie nur angle.element mit einigen nützlichen jQuery-Methoden erweitern möchten, sollte dies in Ordnung sein.

Überprüfen Sie die Demo unten, um zu sehen, wie jQuery Methoden in verfügbar sind angular.element obwohl jQuery nach Angular geladen wird.

Demo: http://plnkr.co/edit/fo70VtmgBCQDU9RWGGVF?p=preview