Экспорт входного значения Angular 6

Question

В Angular 6 у меня есть следующий код:

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)
    }
}

Как я могу экспортировать "this.formulario", чтобы я мог использовать его в службе?

Язахват данных, введенных во вход через ngSubmit, и я хочу передать их по URL-адресу API (который определен в службе).

Я новичок и не могу найти достаточно четких решений для моегопонимание.

Answer 1

Вы должны сначала ввести свой service внутрь вашего component.Так что вы можете вызывать ваш service method из компонента с вашим form data в качестве ввода.Это рекомендуемый способ передачи form data на сервер.Из вашего сервиса вы можете извлечь все данные формы и создать объект запроса.Или же вы извлекаете внутренний компонент и передаете его в сервис для вызовов API.

Пример кода:

@Component({
    selector: 'app-form',
    templateUrl: './form.component.html',
    styleUrls: ['./form.component.scss'],
    providers : [AppService]
})

export class FormComponent implements OnInit {
    formulario: FormGroup

    constructor(private formBuilder: FormBuilder, private _appService : AppService) {}

    ngOnInit() {
        this.formulario = this.formBuilder.group({
            pesquisa: [null],
        })
    }
    teste() {
       // You can also extract form data inside component itself and then prepare object to pass it to service
       let myData = {
         name : this.formulario.value.userName,
         firstName : this.formulario.value.firstName
       }
        this._appService.saveData(myData);
        console.log(this.formulario.value.pesquisa)
    }
}