2013-08-27 9 views
7

Laut Bootstrap 3 Dokumentation() hängen die js-Komponenten von Bootstrap 3 von jQuery ab.Angluar.js & Bootstrap - jQuery Abhängigkeit

Abhängigkeiten Plugin

Einige Plugins und CSS-Komponenten sind abhängig von anderen Plugins. Wenn Sie Plug-ins einzeln einschließen, überprüfen Sie diese Abhängigkeiten in den Dokumenten. Beachten Sie auch, dass alle Plugins von jQuery abhängig sind (das bedeutet, dass jQuery vor den Plugin-Dateien enthalten sein muss).

Ich untersuche mit Angular.js, wo jeder sagt "drop jQuery!" Es sieht so aus, als ob das Angular-Team bei Bootstrap v2.3.2 (http://angular-ui.github.io/bootstrap/) gewischt hat. Gibt es etwas ähnliches oder eine Arbeit für Bootstrap 3? Werde ich vorerst nur mit jQuery leben müssen?

Dank

+1

, solange Sie ... Bootstrap-Javascript-Plugins verwenden möchten sieht es aus wie Sie mit jQuery leben müssen –

+1

Bedenkt man, dass Twitter Bootstrap 3 über eine herauskam vor einer Woche, mit signifikanten Codeänderungen von 2.Ich würde annehmen, dass du eine Weile warten wirst. Die einfachste Vorgehensweise für Sie besteht darin, vorerst mit Bootstrap 2.x zu bleiben und 3.x vollständig zu ignorieren. –

+0

Wenn Sie sich entscheiden, jQuery aus Ihrer AngularJS-App zu entfernen/wegzulassen, müssen Sie in [jqlite] (http://docs.angularjs.org/api/angular.element) suchen, falls Sie dies noch nicht getan haben. So gut du kannst, vergewissere dich, dass alles, was du brauchst, für dich da ist. – jnthnjns

Antwort

3

Ein paar Dinge:

Wenn Sie kein Spielzeug Anwendung in Angular gemacht haben, aber ich empfehle dies zu tun. Sie erhalten eine bessere Vorstellung davon, wie viel Sie lernen müssen und wie gut es Ihren Bedürfnissen entspricht.

(Ich glaube nicht, dass die Leute in diesem Punkt völlig einverstanden sind, aber hier sind meine zwei Cents :) Soweit die Drop-jQuery-Sache geht, solange Sie alle Ihre DOM-Manipulation in Direktiven halten, ist nichts falsch mit jQuery wickeln Widgets (wenn Sie gut genug sind, um Ihre eigenen Anweisungen zu schreiben), weil dann die jQuery isoliert wird, nur wie Sie Ihre Modelle ausdrücken. Wenn dann die Angular-Community in Bezug auf Plug-Ins und Erweiterungen auf jQuery reagiert, können Sie mit dem Refactoring Ihrer Ansichten beginnen, um keine jQuery-abhängigen Anweisungen zu verwenden, und dann können Sie die Abhängigkeit einfach löschen.

Auch die Welt hat mit Bootstrap 2 und Angular Plugins für eine Weile überlebt - gibt es etwas, das Sie in 3 brauchen, ohne das Sie nicht leben könnten? Ich bin mir sicher, dass Sie das inzwischen wissen - neuer ist nicht immer besser; Du solltest nicht reparieren, was nicht gebrochen ist; usw.

+0

Ich stimme dem Bootstrap 2 als funktionierende Lösung zu. In der Webentwicklung scheint mir, dass sich Technologie schnell bewegt. Ich erwarte, dass Bootstrap 3 in den nächsten Monaten 2 überholen wird. Da ich am Anfang eines Projekts stehe, dachte ich, es wäre klug, es so gut wie möglich in Zukunft zu beweisen. –

3

Es geht weniger darum, jQuery zu löschen und mehr über das Ablehnen der imperativen Denkweise. Der "Winkelweg" besteht darin, zuerst Komponenten (Direktiven, Dienste usw.) zu definieren und dann diese in Ihren Anwendungen deklarativ zu kombinieren.

Wenn Sie eine bestimmte glitzernde Sache von jQuery benötigen, können Sie sie in eine Direktive einfügen und deklarativ verwenden.

Also statt:

$('.elements-of-interest').addSparklyThing(); 

Sie erstellen eine prickelnde Sache Direktive, vielleicht als ein Attribut:

<div sparkly-thing>foo</div> 

Im ersten Fall, den ich in einer imperativen Art und Weise eine Reihe von Anweisungen geben werde. Im zweiten Fall erkläre ich einfach, dass dieses div auch eine glitzernde Sache ist.

Für eine vollständigere und doktrinäre Ansicht finden Sie unter: "Thinking in AngularJS" if I have a jQuery background?