Categorias
iiiiii
Enviar info entre componentes
Descripcion
Enviar un dato del componente padre hacia el hijo
Nota
<!--
Vista del componente padre
La [midato] es una variable de tipo input (HijoComponent) que es recibido desde el componente padre
-->
<app-padre *ngFor="let dato of datos | async" [midato]="dato"></app-padre>
<!--NOTA: tambien se puede usar midato sin llaves para mandar un string-->
<!--FIN Vista del componente padre-->
html
/*Componente Hijo*/
import { Component, Input, OnInit } from '@angular/core';
@Component({
selector: 'app-hijo',
templateUrl: './hijo.component.html',
styleUrls: ['./hijo.component.css']
})
export class HijoComponent implements OnInit {
//midato es una variable que va ser recibida desde el exterior
@Input() midato: any;
constructor() { }
ngOnInit(): void {
}
}
/*FIN Componente Hijo --------------------------------------------------------------------*/
/*componente Padre*/
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-padre',
templateUrl: './padre.component.html',
styleUrls: ['./padre.component.css']
})
export class PadreComponent implements OnInit {
//datos : any[] =[];
datos : any;
//funcion que se ejecuta cuando se carga la pagina de post
ngOnInit(): void {
--dato que envia al componente hijo
this.datos = 'Informacion del padre';
}
}