articles-form.component.ts

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

import { ArticleService } from 'src/app/services/article.service';
import { Article } from 'src/app/model/article';

@Component({
  selector: 'app-articles-form',
  templateUrl: './articles-form.component.html',
  styleUrls: ['./articles-form.component.css']
})
export class ArticlesFormComponent implements OnInit {

  constructor(private articleService: ArticleService) { }
  
  articleForm:FormGroup;
  
  ngOnInit() {
    this.articleForm = new FormGroup({
      title: new FormControl(''),
      body: new FormControl(''),
    });
  }

  onSubmit(){
    this.articleService.create_article(this.articleForm.value)
      .subscribe(data => console.log(data), error => console.log(error));
  }
}