Angular 4 Chargement de composants dynamiques et émission de données vers le composant parent

Question

Je suis en train de créer un fichier poc pour la génération de formulaires dynamiques à l'aide de composants personnalisés.

J'ai réussi jusqu'à un certain point, où je peux créer une forme en utilisant un ensemble de composants dynamiques selon un tableau json. Maintenant, je suis coincé dans un cas où j'ai juste besoin d'obtenir une sortie ou plutôt les données sur ces composants que l'utilisateur a mis à jour les entrées pertinentes. J'ai regardé le décorateur @output et l'eventEmitter mais je n'ai pas pu trouver une solution adéquate. Beaucoup apprécie si quelqu'un dans la communauté pourrait me donner quelques headsup :)

veuillez suivre le PLUNKER pour voir la progression actuelle et mon approche.

Answer 1

Vous êtes sur la bonne voie, il y a deux approches que vous pouvez utiliser ici

(i) service

(ii) L'utilisation eventEmitter - sortie décorateur

Comme les composants sont dynamiques, vous pouvez Abonnez-vous toujours et le service peut renvoyer les données à app.ts.

Inorder pour avoir une idée de jeter un oeil à ce Passing Input while creating Angular 2 Component dynamically using ComponentResolver

Dans votre exemple, j'ai modifié le service addDynamic méthode des composants et des événements ajoutés de sortie à chaque composant, cela appartient à app.ts

DEMO