從Angular 7將對象從Array發布到.NET Core 2 API

Question

我一直在努力嘗試將數據從數組發布到.net core 2 API。 用戶有一個帶有復選框的網格，每次檢查時，它會將行添加到數組中。 但是，當我嘗試發布數據時，后端的數據為null。 我過去使用反應式表單成功地向api發送了帖子，但是那是當用戶僅填寫一組值時，我需要發送不帶表單的預填充數據對象。

.NET API控制器：

[HttpPost("api/updateBillingRecords")]
        public async Task<ActionResult<BillingModel[]>> UpdateBillingRecords([FromBody] BillingModel updatedBillingRecords)
        {
            var incomingRecords =  await kiraBillingService.UpdateBillingRecordsAsync(updatedBillingRecords);
            return Ok("RECORDS UPDATED");
        }

角分量：

 doNotBill(i) {
  var index = this.doNotBillRecords.indexOf(i);

  if (index === -1) {

    this.doNotBillRecords.push(i);
  } else {

    this.doNotBillRecords.splice(index, 1);
  }


  // test if records are being added and removed accordingly
  console.log(`Dynamic Data: ${this.doNotBillRecords.values}`);

}

發送填充數組到api：

updateBilling() {
    this.billingService.updateBillingRecords(this.doNotBillRecords).subscribe();
  }

角服務：

updateBillingRecords(billingRecord): Observable<BillingRecord[]> {
    const headers = new HttpHeaders({ 'Content-Type': 'application/json' });
    return this.http.post<BillingRecord[]>(this.updateBillingRecordsAPIUrl, billingRecord, { headers: headers });
  }

Answer 1

您應該修改服務器參數以在從angular發送數組時接受數組。 請嘗試將接受的參數更改為

 public async Task<ActionResult<BillingModel[]>> UpdateBillingRecords([FromBody] BillingModel[] updatedBillingRecords)

Answer 2

可以使用JSON解析嗎？

角

updateBillingRecords(billingRecord): Observable<BillingRecord[]> {
       const headers = new HttpHeaders({ 'Content-Type': 'application/json' });
       return this.http.post<BillingRecord[]>(this.updateBillingRecordsAPIUrl, JSON.stringify(billingRecord), { headers: headers });
}

然后您使用Newtonsoft JSON庫獲取數組

BillingMode[] updated = Newtonsoft.Json.JsonConvert.DeserializeObject<List<BillingMode[]>("your body").ToArray();