Olá pessoal, estou com algumas dúvidas.
Problema: Eu tenho um determinado modelo de formulário e dentro dele, estou utilizando outro Component que possui inputs
. Preciso recuperar os valores do componente interno para fazer um cadastro (via componente externo)
Componente externo (exemplo simples):
<form>
<component-interno [inputOne]="animal.pata" [inputTwo]="animal.raça">
<button>....</button>
</form>
Componente interno (HTML) (exemplo simples):
<div class="form-group"
<input type="text" [(ngModel)]="inputOne" name="inputOne">
<input type="text" [(ngModel)]="inputTwo" name="inputTwo">
</div>
Componente interno (TS) (exemplo simples):
@Component({
....
selector: 'component-interno',
})
export class ComponentInterno {
@Input() inputOne: string;
@Input() inputTwo: string;
}
Alguma dica para enviar os dados dos inputs internos para o component externo para fazer o cadastro?
Obrigado!