Не удалось отправить реактивную форму на угловом 6 - PullRequest
Новая
       19

Не удалось отправить реактивную форму на угловом 6

0 голосов
/ 20 октября 2018

Я изучаю Angular, я застрял при попытке отправить форму.

Это мой компонент addPost: 

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

@Component({
  selector: 'app-addpost',
  templateUrl: './addpost.component.html',
  styleUrls: ['./addpost.component.css']
})
export class AddpostComponent implements OnInit {
  createPostForm : FormGroup;

  constructor(private formBuilder : FormBuilder) { }

  ngOnInit() {
    this.createPostForm = this.formBuilder.group({
      title: ['' , Validators.required],
      content: ['' , Validators.required]
    });
  }

  createPost(){
    alert()
  }

}

Это мой addPost html 

<div class="container mt-2">
  <div class="row justify-content-center">
      <div class="col-md-6">
          <h2>Add Post</h2>
          <form [formGroup]="createPostForm" (ngSumbit)="createPost()" action="">
            <div class="form-group">
              <label for="title">Title</label>
              <input type="text" formControlName="title" class="form-control">
            </div>
            <div class="form-group">
              <label for="content">Content</label>
              <textarea class="form-control" formControlName="content" cols="10" rows="5"></textarea>
            </div>
            <div class="form-group">
              <input type="submit" class="btn btn-primary" value="Add Post">
            </div>
        </form>
        </div>
  </div>
</div>

Я не знаю, что мне здесь не хватает, это просто реактивная форма ...

Кто-нибудь может объяснить, что мне не хватает?

1 Ответ

0 голосов
/ 20 октября 2018

В вашем коде есть ошибка опечатки

изменить 

(ngSumbit)="createPost()"

на 

(ngSubmit)="createPost()"
...