2016-04-08 11 views
1

Ich muss eine Site von einem Framework zu einem anderen migrieren, weil ich Angular JS verwenden muss. Ich fand zurb-foundation sehr interessant. Es kommt vor, dass es scheint, jQuery zu verwenden.Ist zub-foundation kompatibel mit Angular JS?

Nach dieser Website https://scotch.io/tutorials/how-to-correctly-use-bootstrapjs-and-angularjs-together

Wenn Angular Projekte Aufbau aus, sollten Sie nicht auf die volle jQuery-Bibliothek hinzufügen. jQlite ist bereits in Angular enthalten und dies sollte die gesamte jQuery sein, die notwendig ist.

Ich hatte eine schlechte Erfahrung mit Bootstrap und Angular zusammen und ich möchte nicht den gleichen Fehler wiederholen.

Es kommt vor, dass ich die folgende Zeile an ZURB-Stiftung index.html

<script src="js/vendor/jquery.js"></script> 

Eine schnelle Suche gezeigt hat festgestellt, dass es sich um eine „vereinfachte“ Version von jQuery zu sein scheint (bin ich falsch?).

Ich habe viele Leute scheinen Fragen zu Angular in Foundation-Apps in Frage zu stellen.

Meine Frage ist: Ist Eckig kompatibel mit Foundation?

+0

Wenn die betreffende Sache nicht mit dem DOM - d. H. Lodash - in Verbindung steht, können Sie es einfach direkt aus Angular aufrufen. Wenn es eine DOM-Manipulation macht, müssen Sie es in Angulars Digest-Zyklus einbauen, was bedeutet, dass Sie sich nur darum sorgen müssen, '$ digest' /' $ apply' zur richtigen Zeit zu verwenden, um '$ watch' zu zählen dass es mit dem Fluss von Angular geht. Die Installation ist nicht immer einfach und vielleicht nicht 1-1 mit der API des Frameworks, aber ich habe es schon einmal auf kleine Sachen gemacht. Wenn Sie mit Angular neu sind, ist es möglicherweise nicht trivial, wenn Sie noch nicht an ein clientseitiges MV * -Framework gewöhnt sind. –

Antwort

1

Während Sie an vielen Stellen lesen, dass Sie sich von jQuery fernhalten sollten, wenn Sie Angular verwenden, werden Sie hier und da auch eine subtile "zuerst" bemerken. Angular ist ziemlich eigensinnig und verwendet eine deklarative Art, Dinge zu tun, während jQuery zwingend ist. Check this out for more on the topic.

Um Ihre Frage zu beantworten:

Scotch.io Tutorial über Winkel- und Bootstrap beinhaltet UI Bootstrap, eine Bibliothek von Richtlinien in Angular geschrieben Lage sein, leichter gemeinsame Bootstrap-Funktionalitäten zu integrieren.

Das Äquivalent von UI Bootstrap für Foundation ist Angular Foundation. Ich empfehle Ihnen, this thread einen Look-Over zu geben, da er Informationen enthält, die für Ihren Anwendungsfall relevant sein könnten.

Also ja, Angular ist kompatibel mit Foundation. Happy hacking :)

+0

Das Thema über jQuery x Angular ist hervorragend. Vielen Dank. – Chocksmith

0

eine schnelle Antwort ist natürlich, sie sind miteinander kompatibel. Überprüfen Sie this heraus von Zurb. Wenn Sie JQuery jedoch nicht verwenden möchten, verwenden Sie am einfachsten pineconellc für Foundation 5. Foundation 6 hat meines Wissens noch keinen Port.