Ich arbeite an einem Modul, in dem ich div-Elemente haben werde, die in div-Elementen verschachtelt sind, die auch in div-Elementen verschachtelt sein können. Diese div-Elemente werden vom Benutzer erstellt, wenn sie auf eine Schaltfläche klicken. Die divs mögen am Ende so aussehen:
div1
1.1. div2
1.2. div3
1.3. div4
%Vor%2.div7
3.div8
und so weiter ...
Jede dieser divs wird einfach eine HTML-Vorlage sein und ich möchte die Daten für jedes dieser divs binden, sagen wir, dass das div einen Titel hat, und so werde ich jedes div binden.
Mein erster Aktionsplan war, ng-include zu verwenden und einfach ng-includes dynamisch durch den Benutzer zu erstellen. Auf diese Weise werden die Vorlagen von ng-include geladen. Wie ich jedoch herausgefunden habe, sind nested ng-includes aufgrund von Abhängigkeitsproblemen nicht möglich.
Ich bin mir der Bibliotheken bewusst, die von Benutzern gekocht werden, die versuchen, sich durch das Verschachteln von ng-includes hindurchzuhacken, aber ich suche nach einer guten Übung für das Verschachteln von Vorlagen, während ich auf zusätzliche Bibliotheken verzichte.
Irgendwelche Vorschläge, wie Sie Vorlagen am besten dynamisch verschachteln könnten?
Nach dem, was ich verstehe, würde ich dies tun, um ein div innerhalb eines div on button click zu machen:
%Vor%HOFFNUNG, ES HILFT! :)
BEARBEITEN: Ich weiß, dass manche Leute sagen, dass .innerHTML eine schlechte Übung ist, aber es ist die einfachste und einzige Art, wie ich so etwas mache, und es funktioniert für mich in allen Browsern ...
Tags und Links javascript angularjs