Este artículo es un artículo espejo de traducción automática, por favor haga clic aquí para saltar al artículo original.

Architect_Programmer_Code Red Agrícola»Arquitecto › Diseño front-end y web › Bastidor frontal › La Serie Angular 9 (VIII) actualiza el valor de un componente hijo al desencadenar un evento al establecer ...
Vista: 9484|Respuesta: 1

[Angular] La serie angular 9 (VIII) actualiza el valor de un componente hijo al desencadenar un evento mediante el conjunto

[Copiar enlace]
Publicado en 17/6/2020 17:46:48 | | | |
Componentes Dinámicos Cargados de la Serie Angular 9 (1)
https://www.itsvse.com/thread-9238-1-1.html

Parámetros de transmisión de componentes dinámicos de la serie angular 9 (2)
https://www.itsvse.com/thread-9245-1-1.html

La serie Angular 9 (3) se suscribe a eventos dinámicos de componentes
https://www.itsvse.com/thread-9246-1-1.html

Tuberías personalizadas Angular 9 Series (IV)
https://www.itsvse.com/thread-9248-1-1.html

Angular 9 Series (V) formatea el formato de moneda de cantidad
https://www.itsvse.com/thread-9249-1-1.html

La serie angular 9 (VI) llama variables y métodos JS nativos
https://www.itsvse.com/thread-9254-1-1.html

Mira estilo CSS de la serie Angular 9 (VII)
https://www.itsvse.com/thread-9264-1-1.html

En el proceso de pasar valores a los componentes padres, puedes usar EventEmitter para enviar valores al componente padre, y este puede manipular los valores obtenidos en el método.

Para los valores vinculados a los componentes hijos por el componente padre, se reciben como variables cuando se transmiten, y el método conjunto de @Input() debe usarse para manipular y procesar los valores entrantes.

Primero, hacemos clic en el botón "Actualizar contenido del componente hijo" del componente padre para actualizar el contenido mostrado por el componente hijo, e imprimimos el contenido de cada actualización, el efecto es el siguiente:



Código child-page.component.html Subcomponentes:


Código child-page.component.ts Subcomponentes:


Código index.component.html del componente principal:


Código index.component.ts del componente principal:

(Fin)





Anterior:Más de un módulo coincide. Usa la opción de saltar importación para saltarte la importación...
Próximo:Implementación de Vue+ElementUI

Publicaciones relacionadas
 Propietario| Publicado en 29/5/2024 16:13:47 |
La serie angular 17 (XVII) detecta cambios en los valores de @Input
https://www.itsvse.com/thread-10775-1-1.html
Renuncia:
Todo el software, materiales de programación o artículos publicados por Code Farmer Network son únicamente para fines de aprendizaje e investigación; El contenido anterior no se utilizará con fines comerciales o ilegales; de lo contrario, los usuarios asumirán todas las consecuencias. La información de este sitio proviene de Internet, y las disputas de derechos de autor no tienen nada que ver con este sitio. Debes eliminar completamente el contenido anterior de tu ordenador en un plazo de 24 horas desde la descarga. Si te gusta el programa, por favor apoya el software genuino, compra el registro y obtén mejores servicios genuinos. Si hay alguna infracción, por favor contáctanos por correo electrónico.
Mail To:help@itsvse.com