Ist es möglich, eine HTML-Vorlage mit eckigen Komponenten dynamisch in eine eckige App zu laden, die AOT kompiliert ist?

Question

In meiner kantigen Anwendung können Back-End-Benutzer benutzerdefinierte Vorlagen erstellen. Diese benutzerdefinierten Vorlagen müssen in der Winkelanwendung an bestimmten Positionen geladen werden. Ich habe eine benutzerdefinierte Direktive, die Vorlagen (basierend auf den Routen) aus dem CMS erhält und es in meine eckige Anwendung injizieren. Wenn ich es in die innerHTML setzen, werden die Komponenten nicht richtig gerendert. Ich brauche componentFactoryResolver und compiler, um die Komponenten richtig zu zeigen.

Die obige Lösung funktioniert nicht mit AOT Kompilierung. Gibt es eine andere Möglichkeit, das gleiche zu erreichen und AOT zu verwenden? Ist serverseitiges Rendering nur eine Lösung?

Answer 1

Angular ermutigt den Compiler nicht, dynamische Vorlagen zu erstellen.

Could/would/will code using COMPILER_PROVIDERS be supported by AOT?

Aber vielleicht in Zukunft wird es mit möglich sein, ohne den Compiler Versand weil neue Ansicht Motor eröffnen neue Möglichkeiten.

Eigenschaften

der generierte Code verlässt sich nur sehr wenige Einbauten auf.

• können wir die API öffentlich machen und stabile

• Benutzer konnten die erzeugten Fabrik Dateien auf npm

  dies macht Anrufe ngc in Anwendungen schneller versenden, da es nicht braucht den Code zu kompilieren Bibliotheken wie Ionic mehr.

• Benutzer ihre eigenen ViewEngine

  auf diese Weise implementieren konnten wir die Renderer Abstraktion fallen können, wie wir bereits einen Umweg über die

  während der Laufzeit programmatisch Vorlagen erstellen könnte

• Benutzer

  ViewEngine haben

  ohne Versand des Compilers

  zB für eine dynamische Form/....

  könnten wir eine builder dafür zur Verfügung stellen möchten, die Indizes richtig und kann bereits verwendet werden in Tests

• wir eine neue Art der Richtlinie berechnet schaffen könnte das transformiert eine ViewDefinition, z wickelt Elemente in neue ein, ... (ähnlich der compile in Angular 1).

  einige Helfer benötigt, die Indizes von neu ursprünglichen Indizes

Lesen Sie mehr in Design Doc für View Motor