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 (3) se suscribe a eventos dinámicos de componentes
Vista: 15693|Respuesta: 0

[Angular] La serie Angular 9 (3) se suscribe a eventos dinámicos de componentes

[Copiar enlace]
Publicado en 2/6/2020 17:20:01 | | | |
Revisión de la sección anterior

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


Este artículo explica que si te suscribes a eventos para componentes dinámicos, sabemos que los componentes ordinarios pueden estar limitados por (), pero ¿qué pasa si vinculas eventos creados dinámicamente? Y aceptar los parámetros que pasa el componente.

Los componentes Modal1Component y Modal2Component son componentes que creamos dinámicamente en la interfaz principal.

Modificamos el componente Modal1Component para añadir una caja de entrada y un botón. Cuando se hace clic en el botón del componente hijo, el valor se devuelve al componente padre y se muestra en la interfaz del componente padre.

Vamos a echar un vistazo primero a las representaciones, como sigue:




Código relacionado con el componente Modal1 (subcomponente creado dinámicamente)

modal1.component.html



modal1.component.ts



Código relacionado con el componente índice (componente padre)

index.component.html

index.component.ts



Si se reporta un error:

No se puede vincular a 'ngModel' porque no es una propiedad conocida de 'entrada'

Solución:

Añade el siguiente código a tu app.module:




Ahora podemos suscribirnos a eventos para componentes creados dinámicamente.

Si no tienes en cuenta el valor del subcomponente receptor, también puedes usar HostListener para recibir los eventos del subcomponente y luego gestionarlos según el nombre del botón.

Añadir el siguiente código al componente padre index.component.ts:

La e aquí se refiere a $event.target, y si sabes cómo obtener los parámetros del evento, también puedes responder a un mensaje de este artículo.



(Fin)




Anterior:Parámetros de transmisión de componentes dinámicos de la serie angular 9 (2)
Próximo:Sistema de publicación de artículos, ¿quién sabe escribir?

Publicaciones relacionadas
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