Cet article est un article miroir de traduction automatique, veuillez cliquer ici pour accéder à l’article original.

Architect_Programmer_Code Réseau agricole»Architecte › Conception front-end & web › Cadre frontal › La série Angular 9 (3) s’inscrit aux événements dynamiques à composants
Vue: 15693|Répondre: 0

[Angulaire] La série Angular 9 (3) s’inscrit aux événements dynamiques à composants

[Copié le lien]
Publié sur 02/06/2020 17:20:01 | | | |
Révision de la section précédente

Composants dynamiquement chargés de la série Angular 9 (1)
https://www.itsvse.com/thread-9238-1-1.html

Paramètres de transmission dynamique des composants de la série angulaire 9 (2)
https://www.itsvse.com/thread-9245-1-1.html

La série Angular 9 (3) s’inscrit aux événements dynamiques à composants
https://www.itsvse.com/thread-9246-1-1.html

Canalisations personnalisées Angular 9 Series (IV)
https://www.itsvse.com/thread-9248-1-1.html

Angular 9 Series (V) formate le format de la monnaie de la quantité
https://www.itsvse.com/thread-9249-1-1.html


Cet article explique que si vous souscrivez aux événements pour les composants dynamiques, nous savons que les composantes ordinaires peuvent être limitées par () mais que se passe-t-il si vous liez des événements créés dynamiquement ? Et accepter les paramètres passés par le composant.

Les composants Modal1Component et Modal2Component sont des composants que nous créons dynamiquement dans l’interface principale.

Nous modifions le composant Modal1Component pour ajouter une boîte d’entrée et un bouton. Lorsque le bouton de composante enfant est cliqué, la valeur est renvoyée au composant parent et affichée sur l’interface du composant parent.

Regardons d’abord les rendus, comme suit :




Code lié au composant Modal1 (sous-composant créé dynamiquement)

modal1.component.html



modal1.component.ts



Code lié à l’index (composant parent)

index.component.html

index.component.ts



Si une erreur est signalée :

Impossible de lier à 'ngModel' car ce n’est pas une propriété connue de 'input'

Solution:

Ajoutez le code suivant à votre app.module :




Nous pouvons désormais nous abonner à des événements pour des composants créés dynamiquement.

Si vous ne prenez pas en compte la valeur du sous-composant récepteur, vous pouvez aussi utiliser HostListener pour recevoir les événements du sous-composant puis les traiter en conséquence selon le nom du bouton du bouton.

Ajoutez le code suivant au composant parent index.component.ts :

Le e ici fait référence à $event.target, et si vous savez comment obtenir les paramètres de l’événement, vous pouvez également répondre à un message de cet article.



(Fin)




Précédent:Paramètres de transmission dynamique des composants de la série angulaire 9 (2)
Prochain:Système de publication d’articles qui sait écrire

Articles connexes
Démenti:
Tous les logiciels, supports de programmation ou articles publiés par Code Farmer Network sont uniquement destinés à l’apprentissage et à la recherche ; Le contenu ci-dessus ne doit pas être utilisé à des fins commerciales ou illégales, sinon les utilisateurs assumeront toutes les conséquences. Les informations sur ce site proviennent d’Internet, et les litiges de droits d’auteur n’ont rien à voir avec ce site. Vous devez supprimer complètement le contenu ci-dessus de votre ordinateur dans les 24 heures suivant le téléchargement. Si vous aimez le programme, merci de soutenir un logiciel authentique, d’acheter l’immatriculation et d’obtenir de meilleurs services authentiques. En cas d’infraction, veuillez nous contacter par e-mail.
Mail To:help@itsvse.com