¿Como llamar una función del componente padre desde un componente hijo, en angular 8?

Lo mas común es utilizar funciones de los componentes hijos en el componente padre, sin embargo aveces es necesario realizar la acción contraria, o sea ejecutar funciones del componente padre en los componentes hijos. Es un poco enredado, mejor veamos un ejemplo:

padre.component.ts:
Tenemos la función que deseamos llamar desde nuestro componente hijo:


padre.component.html:
Al momento de instanciar el componente hijo en el HTML del padre:


HijoComponent.ts
Finalmente en el componente hijo obtenemos la función del padre y la podemos utilizar:


Y Walaa ya podemos utilizar desde el componente hijo la función definida en el componente padre.


Si te sirvió o te pareció interesante hacérmelo saber con algún comentario :)

Comentarios

Entradas populares de este blog

Frontend: Suscripciones y Observables con Angular 8

Enrutado con lazy loading en angular 8