TECNOLOBO

No recuerdas tu codigo?
Se te olvido como se hace?

Aqui podras guardar lo que necesiten
Y cuando sea necesesario

Creado por julian gomez
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';

  }

}