Tengo dos componentes, un componente padre y otro hijo y lo que quiero es que al dar click a un botón se pasen los datos de un input text del componente padre al componente hijo. Lo estoy haciendo con "@INPUT" pero pasa los datos automáticamente ¿Alguna idea?
HTML componente padre
<h5>Padre</h5>
<input (input)="textpadre=$event.target.value">
<br>
<h5>hijo</h5>
<app-hijo [texthijo]="textpadre"></app-hijo>
TS componente padre
export class PadreComponent {
textpadre?:string;
constructor() { }
}
HTML componente hijo
{{texthijo}}
TS componente hijo
export class HijoComponent {
@Input()texthijo?:string;
constructor() { }
}
<app-hijo><app-hijo/>
en el componente que deces.