J'ai un composant parent et un composant enfant, j'ai besoin de passer le groupe de formulaires de mon composant enfant à ma composante parent.
Je l'ai essayé de cette façon: P>
Composant enfant: P> >
constructor() {this.formGroup = createFormGroup()}
let createFormGroup = (dataItem?: CategoriaIcone) => {
if (dataItem) {
return new FormGroup({
'NomeImagem': new FormControl(dataItem.NomeImagem), //nome da imagem
'UrlImagemIcone': new FormControl(dataItem.UrlImagemIcone),
'Imagem': new FormControl(''),
'TypeImage': new FormControl('')
});
} else {
return new FormGroup({
'NomeImagem': new FormControl(''),
'UrlImagemIcone': new FormControl(''),
'Imagem': new FormControl(''),
'TypeImage': new FormControl('')
});
}
}
3 Réponses :
Dans le composant parent, vous pouvez accéder à un composant enfant à l'aide de
Inside ngAfterViewInit(){
this.childcomp.getFormGroup();
}
Vous pouvez utiliser la méthode Suresh avec l'enfant, cela fonctionnera comme un charme. Exemple:
clicSave(){
this.emmitter.emit(this.formGroup)
}
Meliondas, je pense que vous êtes un peu confondé avec @output code>. @OutPut est de "simuler" un événement. par exemple. Lorsque nous effectuons un clic sur un div, nous avons l'événement "Cliquez sur" et comme argument est un objet. Dans le code, nous avons dans l'application: @Output() myOutput= new EventEmitter<any>();
data={name:'name',surname:'surname'}
this.myOutput.emit(data)