Export Angular input value

Question

Export Angular input value

Navigation

#1 by (1 votes)

0

Good night, guys.

In Angular 6, I have the following code:

import { Component, OnInit } from '@angular/core'
import { FormGroup, FormBuilder } from '@angular/forms';

@Component({
selector: 'app-form',
templateUrl: './form.component.html',
styleUrls: ['./form.component.scss'],
})
export class FormComponent implements OnInit {
formulario: FormGroup

constructor(private formBuilder: FormBuilder) {}

ngOnInit() {
    this.formulario = this.formBuilder.group({
        pesquisa: [null],
    })
}
teste() {
    console.log(this.formulario.value.pesquisa)
}
}

How can I export the "this.formula" so that I can use it in a service?

I am capturing the data entered in an input via ngSubmit and I want to pass it to the url of an API (which is defined in a service).

I'm a beginner and I do not find solutions clear enough for my understanding.

Thank you.

angular angular-6

asked by anonymous 07.06.2018 / 01:32

1 answer

How to make dynamic chart based on database records How do I get these balls?

score 1 · Accepted Answer

ngOnInit() {
    this.formulario = this.formBuilder.group({
        pesquisa: [''],
    })
}
salvarForm() {
    const formVal=this.formulario.value;
    console.log(formVal);
    this.meuServico.salvarPesquisa(formVal).subscribe(respostaDoServer =>{ 
           console.log(respostaDoServer);
     });    
}