如何从angular 8向.NET核心接口传递多个参数

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

@Injectable({
  providedIn: 'root'
})
export class DataService {
  private apiUrl = 'https://your-api-url.com/api/data'; // 替换为你的API URL

  constructor(private http: HttpClient) {}

  sendData(data: any) {
    return this.http.post(this.apiUrl, data);
  }
}

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

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  constructor(private dataService: DataService) {}

  onSubmit() {
    const data = {
      param1: 'value1',
      param2: 'value2',
      // 更多参数...
    };
    this.dataService.sendData(data).subscribe(response => {
      console.log('Data sent successfully', response);
    });
  }
}

using Microsoft.AspNetCore.Mvc;
using System;

[ApiController]
[Route("api/[controller]")]
public class DataController : ControllerBase
{
    [HttpPost]
    public IActionResult Post([FromBody] DataModel data)
    {
        if (ModelState.IsValid)
        {
            // 处理数据
            return Ok(new { message = "Data received successfully." });
        }

        return BadRequest(ModelState);
    }
}

public class DataModel
{
    public string Param1 { get; set; }
    public string Param2 { get; set; }
    // 更多属性...
}

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

@Injectable({
  providedIn: 'root'
})
export class DataService {
  private apiUrl = 'https://your-api-url.com/api/data'; // 替换为你的API URL

  constructor(private http: HttpClient) {}

  getData(params: any) {
    return this.http.get(this.apiUrl, { params: params });
  }
}

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

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  constructor(private dataService: DataService) {}

  getData() {
    const params = {
      param1: 'value1',
      param2: 'value2',
      // 更多参数...
    };
    this.dataService.getData(params).subscribe(response => {
      console.log('Data retrieved successfully', response);
    });
  }
}

using Microsoft.AspNetCore.Mvc;
using System.Linq;

[ApiController]
[Route("api/[controller]")]
public class DataController : ControllerBase
{
    [HttpGet]
    public IActionResult Get([FromQuery] DataModel data)
    {
        // 处理数据
        return Ok(new { data });
    }
}

public class DataModel
{
    public string Param1 { get; set; }
    public string Param2 { get; set; }
    // 更多属性...
}