ccc

Pasar parámetros de componentes hijos al Padre con output

Crear un nuevo componente hijo (propiedades-extras) y en propiedades-extras.component.ts:
import { Component, EventEmitter, OnInit, Output } from '@angular/core';
...
@Output() propExtras = new EventEmitter<string>();

addPropExtras(value: string) {
   this.propExtras.emit(value);
}

En propiedades-extras.component.html:
Añadir Propiedad nueva: <input type="text" #newProp>
  
<button type="button" (click)="addPropExtras(newProp.value)" class="btn btn-primary"> Añadir nueva propiedad</button>

Ahora en el componente padre que va a recibir los datos en el ts (list-empleados.component.ts):
arrProp = [''];
addProp(newProp: string) {
   this.arrProp.push(newProp);
}
Y en el html del componente padre:
<ul>
   <li *ngFor="let prop of arrProp">{{prop}}</li>
</ul>

Más información en: https://angular.io/guide/inputs-outputs

No hay comentarios:

Publicar un comentario