angulaire.js - Problème de division du formulaire Angular2 en plusieurs composants

Question

Compte tenu de problèmes tels que la réutilisation, lorsqu'un formulaire est divisé en plusieurs composants, des problèmes de communication surviennent.
La liaison de données bidirectionnelle ne peut pas être utilisée dans cette situation. J'ai pensé à la méthode suivante, mais c'est un peu compliquée. J'aimerais demander une bonne méthode.

1. Le composant parent transmet une valeur de statut de soumission au composant enfant, et lorsque vous cliquez sur le bouton de soumission, cette valeur change.

2. Le sous-composant écoute la valeur de soumission via le hook onChange, et lorsqu'elle change, les données liées à l'intérieur du sous-composant sont envoyées au composant parent via des événements.

3. Le composant parent écoute l'événement et obtient la valeur de liaison du composant enfant. À ce moment, il intègre les données et envoie la requête.

4. Si cette situation existe déjà dans certains champs, une valeur d'erreur doit être transmise au sous-composant séparément et affichée en conséquence.

Mais c'est vraiment gênant, s'il vous plaît, demandez de l'aide...

Answer 1

Les composants peuvent lier des données

Answer 2

Au niveau de la dimension du formulaire, les particules de composants sont déjà suffisamment petites, donc les diviser ne pose pas de problème. Seules les interfaces utilisateur complexes doivent être encapsulées, telles que les sélecteurs de temps, les sélecteurs de couleurs, etc.