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 angulaire 9 (VIII) met à jour la valeur d’un composant enfant en déclenchant un événement en définissant ...
Vue: 9484|Répondre: 1

[Angulaire] La série angulaire 9 (VIII) met à jour la valeur d’un composant enfant en déclenchant un événement via un ensemble

[Copié le lien]
Publié sur 17/06/2020 17:46:48 | | | |
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

La série angulaire 9 (VI) appelle des variables et méthodes JS natives
https://www.itsvse.com/thread-9254-1-1.html

Lunette CSS de type CSS de la série Angular 9 (VII)
https://www.itsvse.com/thread-9264-1-1.html

Dans le processus de transmission des valeurs aux composants parents, vous pouvez utiliser EventEmitter pour envoyer des valeurs au composant parent, et ce composant parent peut manipuler les valeurs obtenues dans la méthode.

Pour les valeurs liées aux composants enfants par le composant parent, elles sont reçues comme variables lors de leur transmission, et la méthode d’ensemble de @Input() doit être utilisée pour manipuler et traiter les valeurs entrantes.

Tout d’abord, nous cliquons sur le bouton « Mettre à jour le contenu du composant enfant » du composant parent pour mettre à jour le contenu affiché par ce composant, et imprimons le contenu de chaque mise à jour, l’effet est le suivant :



Code child-page.component.html sous-composantes :


Code child-page.component.ts sous-composantes :


Code index.component.html composant parent :


Code index.component.ts composante parent :

(Fin)





Précédent:Plus d’un module correspond. Utilise l’option de saut-importation pour éviter l’importation...
Prochain:Implémentation de Vue+ElementUI

Articles connexes
 Propriétaire| Publié sur 29/05/2024 16:13:47 |
La série angulaire 17 (XVII) détecte des variations dans les valeurs de @Input
https://www.itsvse.com/thread-10775-1-1.html
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