Verwenden von Zurb Foundation Interchange mit Angularjs

Question

Ich arbeite an einem Angularjs-Projekt, das Zurb Foundation als CSS-Framework verwendet.Ich versuche herauszufinden, wie man den Foundation Datenaustausch im Rahmen einer Angularjs-Ansicht verwendet.Ist das sogar möglich, ich kann es nicht scheinen, es zur Arbeit zu bringen.Das habe ich derzeit:

index.html

generasacodicetagpre.

app.js

generasacodicetagpre.

interchange.html

generasacodicetagpre.

Wenn ich meine App lade, kann ich das "Testing-Austausch" sehen.Der Inhalt (phone.html, portrait.html, landess.html) basierend auf der Größe des Bildschirms wird nicht angezeigt.Phone.html, portrait.html und landess.html Hat einfach Text in div-Elementen, die 'Telefon', 'Porträt' und 'Landschaft' effektiv sagen.

Gibt es einen Weg, um die Datenaustausch von Foundation in einem Angularjs NG-Ansicht zu nutzen?Wenn das so ist, wie?Danke

Answer 1

Der Hauptpunkt hier ist, dass das Data-Interchange-Merkmal von Zurb auf dem DOMContentload-Ereignis läuft, und die Ladung der Ansichten von Angularjs ist asynchronisiert.Das Ereignis ist also schon passiert.

Um dies zu überwinden, müssen Sie den Datenaustausch manuell mit $ (Dokument) auslösen (Dokument). Fassung ('Austausch', 'Reflow');oder $ (Dokument). Fassung ('Reflow');alle Komponenten reflen.

Um dies an der richtigen Stelle auszulösen, müssen Sie auf ein spezielles Ereignis auf dem Angularjs-Routing-System namens $ routechangesccess anhören.So etwas wie folgt:

generasacodicetagpre.

hoffe das hilft dir.