时间戳

首页 > 解决方案 > 如何将响应式表单数据发布到 REST API

angular - 如何将响应式表单数据发布到 REST API

问题描述

我在 REST API 之上构建了角度反应形式，我需要将数据提交（POST）到 API。

这是我在服务类中的 POST 函数

postHotel(h :Hotel) {
    var body = JSON.stringify(h);
    var header = new header({'content-type' : 'application/json'});
    var request = new RequestOptions({method: RequestMethod.Post , headers:header});
    return this.http.post('http://localhost:56229/api/Hotels' ,body,request).map(x => x.json());
  }

这是我的表格

<form  [formGroup]="profileForm" (ngSubmit)="onSubmit()">
    <div class="form-group">
      <div class="form-group col-md-6">
        <label >Hotel Name</label>
        <input class="form-control" type="text" formControlName="HotelName" required>
      </div> 
      <div class="form-group col-md-6">
          <label >Owner Name</label>
          <input class="form-control"  type="text" formControlName="OwnerName" required>
        </div>

    </div></form>

标签： angulartypescriptrest

解决方案

您可以使用反应形式的 value 属性。

this.API.postHotel(this.profileForm.value);

在此处查看反应式表单文档：https ://angular.io/guide/reactive-forms#saving-form-data

推荐阅读