Question

我正在学习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>

我不知道我在这里缺少什么，这只是一种简单的反应形式...

任何人都可以解释我所缺少的吗？

Answer 1

您的代码中有拼写错误

更改

(ngSumbit)="createPost()"

到

(ngSubmit)="createPost()"

无法提交角度为6的反应式

1 个答案: