小编use*_*868的帖子

总的来说，我对 Angular 和前端开发还很陌生，但我不明白为什么 onSubmit 方法没有得到我在输入框中输入的值，我已经根据 Angular 表单教程完成了它，但它没有工作。

我在这里尝试做的是制作一个书对象并通过 http post 方法将其发送到我的 API，但表单返回空值。

我的 component.html 表单。

<form [formGroup]="book" (ngSubmit)="onSubmit(book.value)">
        <label>Title</label>
        <input type="text" name="title">

        <label>Author</label>
        <input type="text" name="author">

        <label>Release Date</label>
        <input type="text" name="releasedate">

        <label>Page Count</label>
        <input type="number" name="pagecount">

    <div class="form-group col-md-8 offset-md-2">
        <button type="submit" class="btn btn-lg btn-block">Add</button>
    </div>
</form>

我的组件.ts

import { Component, OnInit } from '@angular/core';
import { Router } from '@angular/router';
import { ToastrService } from 'ngx-toastr';
import { NgForm } from '@angular/forms';
import { HttpClient } from '@angular/common/http';
import …