uso Angular 14, node js 16. Tengo un formulario con un textbox y un botón, lo que quiero es que al darle al botón, envíe lo que tiene el textbox a otro componente y luego ir a él.
Los componentes padre-hijo funcionan según los ejemplos que he visto, cuando el padre contiene al hijo y el hijo se ve todo el tiempo.
El componente que recibe los datos necesito que solo aparezca cuando recibe algo para buscar.
Componente menú:
<form [formGroup]="myForm" (ngSubmit)="onSubmit()">
<input type="text" formControlName="video" class="form-control" placeholder="Search">
<button class="btn btn-primary" type="submit">Search</button>
</form>
onSubmit() {
this.submitted = true;
console.log("menu component", this.myForm.value);
--enviar datos al otro componente
--hacer que el otro componente se vea
}
Al poner esto en el componente padre
<app-hero-child
*ngFor="let hero of heroes"
[hero]="hero"
[master]="master">
</app-hero-child>
se ve el componente hijo dentro del padre... la idea es ir al componente hijo.
¿Se puede hacer de esta forma? ¿como se haría? o ¿hay que hacerlo de otra forma?