Desde el componente A, teniendo a componente B como hijo le envías tu variable Output() myOutput
a su variable Input() myInput
.
@Component({
selector: 'app-a-component',
template: `
Hello from AComponent
<app-component-b></app-component-b>
`
})
export class AComponent implements OnInit {
@Output() myOutput = new EventEmitter<any>();
@ViewChild(BComponent) bComponent: BComponent;
constructor() {}
ngOnInit() {
this.bComponent.myInput = this.myOutput;
}
}
Desde el componente B, estás a la escucha de cambios en los Input()
hasta que recibes un nuevo cambio en tu Input() myInput
y ahí puedes estar seguro de que te han enviado 'algo' a esa variable, en tu caso la otra variable del componente A.
@Component({
selector: 'app-b-component',
template: `Hello from BComponent`
})
export class BComponent implements OnChanges {
@Input() myInput: EventEmitter<any> | null = null;
constructor() {}
ngOnChanges(changes: SimpleChanges) {
if (changes['myInput']) {
const myOutputReceived = changes.myInput.currentValue;
// Aquí estás seguro que has recibido cambios en myInput.
}
}
}