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