Passing a data array from Angular to C# Web API

Passing a data array from an Angular application to a C#

Angular code

import { HttpClient } from '@angular\/common\/http';
import { Injectable } from '@angular\/core';

@Injectable({
  providedIn: 'root'
})
export class DataService {
  private apiUrl = 'https:\/\/yourapiurl.com\/api\/data';  

  constructor(private http: HttpClient) {}

  sendData(dataArray: any[]) {
    return this.http.post(this.apiUrl, dataArray);
  }
}

Component

import { Component } from '@angular\/core';
import { DataService } from '. 

@Component({
  selector: 'app-your-component',
  templateUrl: '.\/your-component.component.html',
})
export class YourComponent {
  constructor(private dataService: DataService) {}

  submitData() {
    const myDataArray = [1, 2, 3, 4];
    this.dataService.sendData(myDataArray).subscribe(response => {
      console.log('Data sent successfully', response);
    }, error => {
      console.error('Error sending data', error);
    });
  }
}

Web api

[ApiController]
[Route("api/[controller]")]
public class DataController : ControllerBase
{
    [HttpPost]
    public IActionResult ReceiveData([FromBody] int[] dataArray)
    {
        return Ok(new { message = "Data received successfully", receivedData = dataArray });
    }
}